Question

我为-moz-use-text-color添加border-color赞这个：

.booksline{

border-image: none;
margin: 0 auto 0px;
width: 96%;
height:220px;
padding:20px 20px 20px 0;
border-width: 1px 1px medium;
border-style: solid solid none;
border-color: #EAE9E9 #EAE9E9 -moz-use-text-color;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
background: #F5F5F5 none repeat scroll 0% 0%;
}

在行动中我添加#EAE9E9边框颜色但这在Chrome和IE 9+中不起作用并显示黑色边框颜色。 FF的这个好/真的工作。怎么解决这个问题？！

DEMO：http://jsfiddle.net/Sambora/4ptokwrh/

Answer 1

查看此更新的DEMO：https://jsfiddle.net/4ptokwrh/3/

您需要为特定于chrome的CSS使用-webkit- *前缀

Chrome的示例 protected override void WndProc(ref Message message) { switch (message.Msg) { case 0x84: // WM_NCHITTEST message.Result = (IntPtr)(-1); // HTTRANSPARENT; return; } base.WndProc(ref message); return; }

IE的示例 -webkit-border-start-color: transparent;

实际上大多数没有前缀的属性都是跨浏览器兼容的，所以尽可能以这种方式编写它们

请记住查看哪些浏览器支持的属性

Answer 2

GET /v2.4/pageid/insights?fields=id,name,period,values,title,description前缀css仅适用于firefox，-moz-*已弃用，请改用-moz-use-text-color。

http://www.w3.org/wiki/CSS3/Color/currentColor

-moz-use-text-color在chrome和IE9 +中不起作用

2 个答案: