CSS属性边框颜色不起作用

Question

我有边框颜色的问题.它没用.我是css的新手,这里是小提琴. http://jsfiddle.net/zeburrehman/aFzKy/151/

<div id="box">
Hello! The color of box border should be red!!
</div>?

#box {
border-color: red;
}?

Answer 1

默认情况下,border-widthis 0和border-styleisnone

所以你需要将它们设置为border-width:1px和border-style:solid.您可以将所有边框属性合并为一个,如下所示:

#box {
    border:1px solid red
}

请检查一下...。这是更新的小提琴。我分别设置样式和大小，但是它给我黑色，而我想要红色。http://jsfiddle.net/zeburrehman/aFzKy/152/ (2认同)
从你的小提琴中删除`border:1px`.在这里更新 - http://jsfiddle.net/aFzKy/153/ (2认同)

Answer 2

我遇到了一个问题，似乎border-color没有受到尊重，令人困惑的是，它甚至在 Chrome 的样式检查器中显示出正确的颜色（可能是 Chrome 的错误）。对我来说关键是，如果指定了速记边框样式，它会设置边框样式的所有三个方面，无论它们是否包含在内：

border-left: 1px;

实际上会覆盖border-left-style和border-left-color属性，即使它们不包含在内。例如，这可能会导致继承的样式被覆盖并且看起来不起作用。