码农网是专业服务站长和IDC商的信息平台,欢迎你浏览!

CSS3中::-moz-focus-inner用法详解

时间:2020-09-28 09:59:27 阅读:8220次 来源:互联网

对于点击某些元素后出现的边框,去除的办法是

button:focus { 
    outline: none;
}

另外还可以将outline属性设置为0

button:focus { 
    outline: 0;
}

但是在Firefox下,对于类型为button的元素,即使设置outline,也还是会出现虚线。

20160317125114351.jpg

解决方法

用一个Firefox的私有伪元素

button::-moz-focus-inner {
    border: 0;
}

特别注意的是, -moz-focus-inner并不是reset outline,而是设置border。

本文地址:https://www.manongw.com/article/23.html

文章来源:码农网

版权申明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 ezhongheng@126.com 举报,一经查实,本站将立刻删除。