26

仅使用 html 和 css，如何禁用活动输入字段周围的蓝色（在 Firefox 中）突出显示颜色。我试过使用input {outline:none;}但没有成功。谢谢您的帮助！=)

好的，忽略前面关于大纲的代码，我选择了错误的属性来更改。我想要得到的是简单地删除活动表单输入字段周围的突出显示（无论浏览器，它出现的粗体和彩色边框），而不更改或禁用样式。谢谢 =)

4

9 回答 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 回答