是否可以在CSS中控制虚线边框笔触之间的长度和距离?

下面的示例在不同的浏览器中显示不同:

div {
  border: dashed 4px #000;
  padding: 20px;
  display: inline-block;
}
<div>I have a dashed border!</div>

巨大差异:IE 11/Firefox/Chrome

IE11边框Firefox BordeChrome Borde

是否有任何方法可以更好地控制虚线边框外观?

推荐答案

Css渲染是特定于浏览器的,我不知道如何对其进行微调,您应该按照Ham的建议使用图像.

Css相关问答推荐

如何获得特定位置的Divs以根据浏览器宽度正确调整大小

主dart 文件未加载Flutter Web

如何为垫子制作圆角- Select 所有角点上的下拉列表

如何在Ionic上更改输入的浮点数名称 colored颜色 ?

如何使用TailwindCSS溢出?

如何在不重叠侧边栏的情况下尽可能使元素居中?

使用tailwind 将父div限制为其具有溢出的最短子级的高度

截断风景中的柔子或强制在其自己的线上,如果是肖像

如何解决 Spotify 嵌入代码中的白色背景错误?

Django:Tailwind 样式不适用于具有小部件属性的模板变量

如何在Bootstrap 5上使用移动设备居中内容?

Angular Material - 将 matsnackbar 置于所有对话框之上

CSS Select 器 $parent > $child Select 嵌套列表中的所有
  • 子元素
  • 使用 mixin 在 SCSS 中进行媒体查询

    如何简化CSS?

    如何测试页面上的文本被删除

    如何使用 TailwindCSS 禁用环形阴影?

    如何制作一个居中的标题样式,其中换行符将最长的行排列在底部

    如何使用 CSS 消除元素的偏移量?

    如何重置或覆盖 IE CSS 过滤器?