如何删除输入字段的轮廓

Question

我必须调试别人写的代码。

我有几个输入和选择字段，它们都有轮廓，但不同。我没有找到任何方法来改变他们的行为和外表

它们看起来像这样:

我怎样才能改变这一点，使所有的看起来相似?我在使用Chrome MacOS

Nr1轮廓概要Nr 2

Answer 1

您可以使用:

<input style="outline: none" >

或者在css文件

中使用

input {
outline: none
}

Answer 2

确保你使用的样式表是最后一个应用的样式表，以确保你的样式表的属性适用。

同时，确保你有最高的选择器特异性，100%确定，给你的输入一个类，如no-outline(它会更好，如果你把你的代码在这里)

使用以下代码:

.no-outline:focus {
outline: none;
}

如果这些都不起作用，那么只需在代码前面添加!important标签，如

.no-outline:focus {
outline: none; !important
}

虽然，不建议使用!important除非你已经抓耳挠腮好几个小时了。

…如果不工作，您可以设置属性inline

<input type="text" style="outline: none">

如果你还是不明白，请告诉我。

Answer 3

在全局CSS文件中设置这个CSS。

input:focus-visible {
outline: transparent;
}