CSS属性边框颜色不工作

问题描述：

我有边框颜色的问题。它没有工作。我是新来的css这里是小提琴。 http://jsfiddle.net/zeburrehman/aFzKy/151/CSS属性边框颜色不工作

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

#box { 
border-color: red; 
}

您需要添加边框的“width”和“style”。 – Vucko

答

默认情况下，border-width是0和border-style是none

因此，你需要将它们设置为border-width:1px和border-style:solid。您可以将所有的边框属性组合成一个如下图所示：

#box { 
    border:1px solid red 
}

请检查....这是更新的小提琴。我单独设置款式和尺寸，但它给我黑色，因为我想要红色。 http://jsfiddle.net/zeburrehman/aFzKy/152/ –

从你的小提琴中删除'border：1px'。这里更新 - http://jsfiddle.net/aFzKy/153/ – Ashwin

非常感谢。那确实有效...... –

答

您需要添加边框的样式：

#box { 
    border: 1px solid red; 
}

答

试试这个：边界：5px的纯红色;

请检查这个链接。我只想用边框颜色.. http://jsfiddle.net/zeburrehman/aFzKy/152/ –

一个非常古老的问题，但如果有人面临这个问题可能会有所帮助。解决方法是：将boder-color属性移动到最后。 https://jsfiddle.net/zeburrehman/aFzKy/152/ – Eduardo

答

我有一个问题，看起来border-color没有被尊重，令人困惑的是，它甚至在Chrome浏览器中的样式检查器中显示出正确的颜色（可能是一个Chrome错误）。对我来说，关键的一点是，如果指定的速记边框样式，它设置的边框样式的所有三个方面，无论是否包括他们的或不那么：

border-left: 1px;

实际上覆盖两个border-left-style和border-left-color性质即使它们不包括在内。这可以例如导致继承的样式被覆盖并且看起来不工作。