【问题标题】:what is the equilvalent of -webkit-focus-ring-color for chromechrome的-webkit-focus-ring-color相当于什么
【发布时间】:2015-07-28 12:19:37
【问题描述】:

我的 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(hack in chrome) 我能够在 chrome 中设置带有绿色边框的单选按钮,但是在 Firefox 中我得到白色虚线边框。我知道吗如何删除白色边框并在 Firefox 中也有绿色。如果需要,我是否需要对 Firefox 进行任何破解,请告诉我。

谢谢, 巴拉吉

【问题讨论】:

    标签: html css


    【解决方案1】:

    -webkit = Chrome 和 Safari

    -moz = FireFox

    -o = 歌剧

    -ms = Internet Explorer

    所以:

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

    【讨论】:

    • 嗨,我已经做到了,它工作正常,但我仍然无法删除 Firefox 中单选按钮周围的虚线白线,任何想法,无论如何感谢您的帮助
    • 怎么样:outline-style: none; -moz-outline-style:none;
    • 以某种方式尝试了上述两个步骤我仍然在 Firefox 中得到白色虚线,谢谢 Stefan
    【解决方案2】:

    尝试给出大纲:0px !important;

    【讨论】:

      猜你喜欢
      • 2011-11-24
      • 1970-01-01
      • 2012-01-21
      • 1970-01-01
      • 1970-01-01
      • 2017-05-09
      • 1970-01-01
      • 2018-08-23
      • 1970-01-01
      相关资源
      最近更新 更多