相关疑难解决方法(0)

任何人都可以解释如何删除文本/输入框周围的橙色或蓝色边框(轮廓)？我认为只有在Chrome上才会显示输入框处于活动状态.这是我正在使用的输入CSS:

input {
    background-color: transparent;
    border: 0px solid;
    height: 20px;
    width: 160px;
    color: #CCC;
}

我正在使用Firefox和谷歌浏览器.

在Firefox上我没有问题,焦点颜色是蓝色.

在Chrome上,焦点为蓝色+橙色.

如何取出橙色？它是Chrome中的默认输入焦点.

.input {
  border: 1px solid #dbdbdb;
  padding: 0 5px 0 5px;
  height: 26px;
  width: 200px;
  border-radius: 3px;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 13px;
}

.input:focus {
  border: 1px solid rgba(51, 153, 255, 0.4);
  box-shadow: 0 0 5px rgba(51, 153, 255, 0.4);
}

<td><input type="text" name="user_login" class="input" autocomplete="off"></td>

我的输入和textarea字段在聚焦时会出现一种颜色:

这似乎发生在Chrome中,但不是Firefox.

我试图用一些jQuery改变颜色:

if ($('body').is('#contact')) {
        $('input').focus(function() {
            $(this).css('border', '2px solid #ce1443');
            console.log('focus');
        });

         $('textarea').focus(function() {
            $('textarea').css('border', '2px solid #ce1443');
        });
    }

然而,这似乎只会使当前边界更大......但它没有消除蓝色.

当我打开模态窗口时，textarea 中的 onfocus 文本值以蓝色突出显示。我不确定应该使用什么 CSS 属性从文本中删除突出显示的 onfocus 蓝色。我试过下面的，但它不起作用。

input[type="text"], textarea{
    outline: none;
    box-shadow:none !important;
    border:1px solid #ccc !important;
}

我想添加样式输入文本框，单击时具有红色边框，单击时没有边框。我试过样式，input:active但问题是当你点击离开时，红色边框仍然存在。而不是input:active我不想像这样操纵input:focus有一个红色边框

 textarea:focus, input:focus{
        outline: none; 
        border: 1px solid red;
  }

有没有办法做到这一点？