改变引导输入焦点蓝色发光

有人知道如何改变Bootstrap的输入:焦点吗?当你点击输入字段时显示的蓝色辉光?

当前回答

这应该有助于去除它! 输入[type = text] { 边界:没有; ｝输入[type = text]:focus { 边界:没有; 不必:没有; ｝

2021-07-28 11:40:31

其他回答

试试这个，它和bootstrap的输入是一样的…

input:focus{
  color: #212529;
  background-color: #FFF;
  border-color: #86B7FE;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

2022-04-01 05:43:07

我降落到这个线程寻找方法禁用辉光完全。许多答案对我来说太复杂了。为了简单的解决方案，我只需要一行CSS如下。

input, textarea, button {outline: none; }

2015-09-28 15:51:50

为body标签添加一个Id。在你自己的Css(不是bootstrap.css)中指向新的body ID，并设置你想要覆盖的类或标记以及新的属性。现在您可以随时更新引导，而不会丢失您的更改。

html文件:

  <body id="bootstrap-overrides">

css文件:

#bootstrap-overrides input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus{
  border-color: red;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
  outline: 0 none;
}

请参见:覆盖引导css的最佳方法

2016-03-30 14:00:26

这应该有助于去除它! 输入[type = text] { 边界:没有; ｝输入[type = text]:focus { 边界:没有; 不必:没有; ｝

2021-07-28 11:40:31

要禁用蓝色辉光(但你可以修改代码来改变颜色，大小等)，添加这个到你的css:

.search-form input[type="search"] {  
    -webkit-box-shadow: none;
    outline: -webkit-focus-ring-color auto 0px;
}

下面是一个屏幕截图，展示了之前和之后的效果:

2015-05-22 13:16:52

改变引导输入焦点蓝色发光

推荐文章

最新文章

标签