什么是铬的-webkit-focus-ring-color的等价物

时间:2015-07-28 12:19:38

标签: html css

我的css文件中有以下样式:

    input[type="file"]:focus,
    input[type="radio"]:focus,
    input[type="checkbox"]:focus {
      outline: none;
      outline: 5px auto -webkit-focus-ring-color(hack in chrome);
      border: 1px dotted transparent !important;
      outline-color : #1fbf81;
      outline-offset: -2px;
    }

使用上面的风格,尤其是大纲:5px auto -webkit-focus-ring-color(黑客入侵)我可以在chrome中设置带绿色边框的单选按钮,但在Firefox中我得到白色虚线边框。我知道吗我如何删除白色边框并在firefox中也有绿色。如果是这样,我需要对Firefox进行任何破解,请告诉我。

谢谢, 巴拉吉

2 个答案:

答案 0 :(得分:1)

-webkit = Chrome和Safari

-moz = FireFox

-o = Opera

-ms = Internet Explorer

所以:

    outline: 5px auto -moz-focus-ring-color(hack in chrome);

答案 1 :(得分:0)

尽量给出大纲:0px!important;