border-style:dotted无法在firefox中运行
我在IE中读过Here以外的属性hidden，所有属性支持都是浏览器。
但是我的代码border-style:dotted无法正常工作，但如果我要提供border-style:solid则代码正常工作。 （如果我只是改变border-style:solid它会工作正常吗？但为什么？）
可以解释一下为什么会发生这种情况吗？
See Here
请尝试在chrome和firefox中运行fiddle。
谢谢！
答案 0 :(得分：1)
CSS三角形依赖于border属性将其渲染为三角形，使其在渲染中呈点状或实心无关紧要，因此不会将边框显示为“点缀” - 如果您在小提琴上尝试它，您可以看到更改边框上的颜色实际上会改变整个三角形。
答案 1 :(得分：0)
也许尝试这种语法：
element {
border: [thickness]px [type] [color];
}
示例：
body {
border: 10px solid black;
}
--
body {
border: 20px dotted black;
}
--
body {
border: 30px dashed black;
}
--
body {
border: 40px groove black;
}
<强>更新
根据您的查询，这不起作用并且不起作用，因为，
=＆GT;您已经将边框应用为背景。如果仔细观察，边框样式点缀会拉伸以形成背景，因为您正在使用边框宽度属性。不要将其判断为背景颜色。您无法在边框上应用边框。 =＆GT;为了使它工作，要么引入另一个伪元素或实际元素，并使它做你想做的事。