css border-color在Chrome中不起作用

Question

代码看起来像这样：

<img style='border-color:green;border-radius:1px;' src='/Pic.jpg' width='25px' height='25px'/>

这适用于IE 9，但不适用于Chrome版本28.0.1500.72。我没有得到绿色边框颜色。

这里有什么问题？有没有解决这个问题的解决方法？

Answer 1

Chrome未设置默认边框样式。试试border:1px solid green;。

或者，将其拆分为invididual属性（功能与上面相同）：

border-width:1px; border-style:solid; border-color:green;

Answer 2

您已设置边框的颜色，但尚未定义尺寸（或类型），因此您没有边框变为绿色。

尝试：

border: 1px solid green;