仅使用 html 和 css，如何禁用活动输入字段周围的蓝色（在 Firefox 中）突出显示颜色。我试过使用input {outline:none;}但没有成功。谢谢您的帮助！=)
好的，忽略前面关于大纲的代码，我选择了错误的属性来更改。我想要得到的是简单地删除活动表单输入字段周围的突出显示（无论浏览器，它出现的粗体和彩色边框），而不更改或禁用样式。谢谢 =)
问问题
55113 次
9 回答
28
您必须使用 :focus 声明。在这种情况下：
input:focus {outline:none;}
您项目中的所有输入都没有蓝色边框。
如果你想要一个特定的属性，使用这个：
input[type=text]:focus {outline:none;}
希望能帮助到你。=)
于 2014-07-17T13:53:11.180 回答
17
看到这个小提琴。
看来您必须设置一些边框属性才能outline: none正常工作。如果您在边界指令中添加注释，大纲就会消失。
于 2013-03-16T19:17:08.277 回答
10
input {border:0; outline:none;}
应该删除所有边框/轮廓。
于 2013-03-16T19:20:10.783 回答
8
答案比我说的简单：
box-shadow:none;
于 2013-09-26T21:22:22.323 回答
2
编辑：我的解决方案太复杂了。就这么简单：
input:focus {
outline: none;
}
您需要定位 :focus 状态。
于 2016-06-29T14:40:44.790 回答
0
要删除突出显示，请尝试将此规则添加到输入字段：
-moz-appearance:none;
这也可以使用相应的前缀为基于 WebKit 的浏览器完成：
-webkit-appearance:none;
这应该只使用一个 CSS 属性来处理任何边框、轮廓等。对于 WebKit 对和 Firefox 以外的浏览器 - Opera 和 IE - 建议也包含border和outline属性，以确保浏览器的交叉兼容性。
于 2013-03-16T19:19:09.773 回答
0
在您的 css 文件中添加!important并定义颜色/背景颜色。
#title {
font-size: 40px;
color: black !important;
}
于 2019-10-18T05:06:19.237 回答
-1
This should work for most input types on Firefox:
input::-moz-focus-inner { border: 0; }
于 2014-09-23T16:00:45.160 回答
-1
button {
-webkit-tap-highlight-color:transparent;
-moz-tap-highlight-color:transparent;
-o-tap-highlight-color:transparent;
tap-highlight-color:transparent;
}
于 2018-11-19T08:08:18.177 回答