18910140161

JavaScript-如何删除输入字段的轮廓-堆栈溢出

顺晟科技

2022-10-18 14:14:56

238

我必须调试其他人编写的代码。

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

它们看起来如下所示:

怎样才能改变这一点,使所有看起来相似?我在macOS

上使用Chrome

概述NR1大纲编号2


顺晟科技:

您可以使用:

<代码><;输入样式=";大纲:无";>;

或者在CSS文件

上使用它
<代码>输入{大纲:无}
在全局CSS文件中

设置此CSS.

<代码>输入:焦点可见{轮廓:透明;}

确保正在使用的样式表是最后应用的样式表,以确保应用样式表的属性。

此外,请确保您具有最高的选择器特异性,为了100%确定,请为您的输入提供一个类,如<input style="outline: none" > (如果您将代码放在这里会更好)

使用以下代码:

input {
  outline: none
}

如果这些都不起作用,那么只需添加一个no-outline标记,如

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

不过,使用!important不建议使用,除非您已经抓耳挠腮了几个小时。

还有..如果什么都不起作用只有在什么都不起作用的情况下,才可以将属性设置为内联

<代码><;输入类型=";文本";style=";大纲:无";>;
如果你仍然感到困惑,

请告诉我。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航