blocks|key|1197685|text|试试这个，我想这会有帮助的，你的蓝色边框会被移除：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1197686|outline:none;|code-block|syntax|javascript|1197687|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

try this, I think this will help and your blue border will be removed:

<pre><code>outline:none;
</code></pre>

blocks|key|1197693|text|我相信那是个影子。试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1197694|.box-shadow(none);|code-block|syntax|javascript|1197695|或者，如果你没有使用更少的：|1197696|box-shadow:+none;
-moz-box-shadow:+none;
-webkit-box-shadow:+none;|1197697|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I believe that's a shadow. Try this:

<pre><code>.box-shadow(none);
</code></pre>

Or if you're not using LESS:

<pre><code>box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
</code></pre>

blocks|key|1197699|text|您已经像这样编写了-webkit-appearance:none;：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1197700|textarea:hover,+
input:hover,+
textarea:active,+
input:active,+
textarea:focus,+
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
++++outline:0px+!important;
++++-webkit-appearance:none;
++++box-shadow:+none+!important;
}|code-block|syntax|javascript|1197701|entityMap^0|9|O|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

You have write <code>-webkit-appearance:none;</code> like this:

<pre><code>textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
 outline:0px !important;
 -webkit-appearance:none;
 box-shadow: none !important;
}
</code></pre>

blocks|key|1197703|text|这是100%25有效的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1197704|textarea:focus,+input[type="text"]:focus,textarea[type="text"]:focus,+++input[type="password"]:focus,+input[type="datetime"]:focus,+input[type="datetime-local"]:focus,+input[type="date"]:focus,+input[type="month"]:focus,+input[type="time"]:focus,+input[type="week"]:focus,+input[type="number"]:focus,+input[type="email"]:focus,+input[type="url"]:focus,+input[type="search"]:focus,+input[type="tel"]:focus,++input[type="color"]:focus,+.uneditable-input:focus,+.form-control:focus+{++
border-color:+(your+color)+or+none;
box-shadow:(your+color)+or+none;
outline:+(your+color)+or+none;}|code-block|syntax|javascript|1197705|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This works 100%.

<pre><code>textarea:focus, input[type="text"]:focus,textarea[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, .form-control:focus { 
border-color: (your color) or none;
box-shadow:(your color) or none;
outline: (your color) or none;}
</code></pre>

blocks|key|5552763|text|引导程序3|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5552764|如果您只想更改颜色，请更改变量(推荐)：|5552765|Less或Customizer|offset|length|5552766|@input-border-focus:+red;|code-block|syntax|javascript|5552767|variables.less|5552768|萨斯|5552769|$input-border-focus:+red;|5552770|variables.sass|5552771|如果您不想将其完全删除，则必须覆盖设置轮廓的Mixin。|5552772|.form-control-focus(@color:+@input-border-focus)+{}|5552773|CSS|5552774|如果您使用的是css，请通过以下方式覆盖它：|5552775|.form-control:focus{
++++border-color:+#cccccc;
++++-webkit-box-shadow:+none;
++++box-shadow:+none;
}|5552776|Link+to+implementation|5552777|entityMap|0|LINK|mutability|MUTABLE|url|http://getbootstrap.com/customize/|1|https://github.com/twbs/bootstrap/blob/master/less/variables.less#L158|2|https://github.com/alademann/sass-bootstrap/blob/master/sass/_variables.scss#L156|3|https://github.com/twbs/bootstrap/blob/master/less/mixins.less#L830-L856|4^0|0|0|5|A|0|0|0|0|E|1|0|0|0|0|E|2|0|M|5|3|0|0|0|0|0|0|M|4|0^^$0|@$1|2|3|4|5|6|7|1L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1M|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1N|8|@]|9|@$F|1O|G|1P|1|1Q]]|A|$]]|$1|H|3|I|5|J|7|1R|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1S|8|@]|9|@$F|1T|G|1U|1|1V]]|A|$]]|$1|O|3|P|5|6|7|1W|8|@]|9|@]|A|$]]|$1|Q|3|R|5|J|7|1X|8|@]|9|@]|A|$K|L]]|$1|S|3|T|5|6|7|1Y|8|@]|9|@$F|1Z|G|20|1|21]]|A|$]]|$1|U|3|V|5|6|7|22|8|@]|9|@$F|23|G|24|1|25]]|A|$]]|$1|W|3|X|5|J|7|26|8|@]|9|@]|A|$K|L]]|$1|Y|3|Z|5|6|7|27|8|@]|9|@]|A|$]]|$1|10|3|11|5|6|7|28|8|@]|9|@]|A|$]]|$1|12|3|13|5|J|7|29|8|@]|9|@]|A|$K|L]]|$1|14|3|15|5|6|7|2A|8|@]|9|@$F|2B|G|2C|1|2D]]|A|$]]|$1|16|3|-4|5|6|7|2E|8|@]|9|@]|A|$]]]|17|$18|$5|19|1A|1B|A|$1C|1D]]|1E|$5|19|1A|1B|A|$1C|1F]]|1G|$5|19|1A|1B|A|$1C|1H]]|1I|$5|19|1A|1B|A|$1C|1J]]|1K|$5|19|1A|1B|A|$1C|1J]]]]

<h2>Bootstrap 3</h2>

If you just want to change the color, change the variable (recommended): 

<h3>Less or <a href="http://getbootstrap.com/customize/">Customizer</a></h3>

<pre><code>@input-border-focus: red;
</code></pre>

<a href="https://github.com/twbs/bootstrap/blob/master/less/variables.less#L158">variables.less</a>

<h3>Sass</h3>

<pre><code>$input-border-focus: red;
</code></pre>

<a href="https://github.com/alademann/sass-bootstrap/blob/master/sass/_variables.scss#L156">variables.sass</a>

If you wan't to remove it completely, you'll have to overwrite the <a href="https://github.com/twbs/bootstrap/blob/master/less/mixins.less#L830-L856">Mixin</a> that sets the outline.

<pre><code>.form-control-focus(@color: @input-border-focus) {}
</code></pre>

<h3>CSS</h3>

If you are using css overwrite it via:

<pre><code>.form-control:focus{
 border-color: #cccccc;
 -webkit-box-shadow: none;
 box-shadow: none;
}
</code></pre>

<a href="https://github.com/twbs/bootstrap/blob/master/less/mixins.less#L830-L856">Link to implementation</a>

blocks|key|5552817|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5552818|📷|atomic|offset|length|5552819|5552820|作为将来的参考，您可以通过检查器计算出计算的样式|5552821|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/aae0549afc78f719c4ae43903a43a3dd.png|imageAlt^0|0|0|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@$E|U|F|V|1|W]]|A|$]]|$1|G|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|Y|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q|R|-4]]]]

<img src="https://i.stack.imgur.com/x3Tx2.png" alt="Work out computed styles via an inspector">

For future reference you can work out computed styles via an inspector

blocks|key|3937548|text|这对我很有效|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3937549|.form-control+{
box-shadow:+none!important;}|code-block|syntax|javascript|3937550|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This worked for me

<pre><code>.form-control {
box-shadow: none!important;}
</code></pre>

blocks|key|5552850|text|使用outline:+transparent;使轮廓看起来好像不存在一样，但仍然为表单提供可访问性。outline:+none;将对可访问性产生负面影响。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5552851|来源：http://outlinenone.com/|5552852|entityMap|0|LINK|mutability|MUTABLE|url|http://outlinenone.com/^0|2|L|1E|E|0|3|N|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@$9|V|A|W|1|X]]|E|$]]|$1|H|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

Use <code>outline: transparent;</code> in order to make the outline appear like it isn't there but still provide accessibility to your forms. <code>outline: none;</code> will negatively impact accessibility. 

Source: <a href="http://outlinenone.com/" rel="nofollow">http://outlinenone.com/</a>

blocks|key|3937623|text|如果你是一个仍然面临这个问题的人。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3937624|这就是答案，感谢上帝。|3937625|.radio-custom+input[type=radio]:focus%2Blabel::before+{
++++background-image:+none+!important;
++++outline:+none+!important;
++++-webkit-box-shadow:+none+!important;
++++box-shadow:+none+!important;
}|code-block|syntax|javascript|3937626|，你想知道为什么别人的解决方案对你不起作用。|3937627|因为该样式实际上并未应用于单选按钮。|3937628|添加此样式，您将找到答案|3937629|input[type="text"]+{
++++margin-left:+10px;
}|3937630|在之前使用label：：，这是你必须应用你的风格的地方。|offset|length|style|BOLD|3937631|entityMap^0|0|0|0|0|0|0|0|5|N|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|14|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|15|8|@$S|16|T|17|U|V]]|9|@]|A|$]]|$1|W|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|X|$]]

If you are someone, who still face this issue.

Here is the answer, thanks god.

<pre><code>.radio-custom input[type=radio]:focus+label::before {
 background-image: none !important;
 outline: none !important;
 -webkit-box-shadow: none !important;
 box-shadow: none !important;
}
</code></pre>

You are wondering why others solution doesn't works for you.

Because the style wasn't actually applied to radio button.

Add this style you will find your answer

<pre><code>input[type="text"] {
 margin-left: 10px;
}
</code></pre>

label::before thats where you have to apply your style.

blocks|key|1197797|text|这对我很有效|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1197798|input[type=text]:focus{outline:+none;}|code-block|syntax|javascript|1197799|我使用的是bootstrap+3|1197800|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This worked for me

<pre><code>input[type=text]:focus{outline: none;}
</code></pre>

i'm using bootstrap 3

blocks|key|181572|text|尝试将边框颜色更改为您想要的任何颜色|type|unstyled|depth|inlineStyleRanges|entityRanges|data|181573|.form-control:focus+{
++border-color:+#666666;
++-webkit-box-shadow:+none;
++box-shadow:+none;
}|code-block|syntax|javascript|181574|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this change border-color to anything which you want 

<pre><code>.form-control:focus {
 border-color: #666666;
 -webkit-box-shadow: none;
 box-shadow: none;
}
</code></pre>

blocks|key|5553022|text|最好的方法是右键单击>检查元素。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5553023|我使用的是Bootstrap+4，在我这么做之前，所有的建议都不起作用。|5553024|找到inspect窗口中相关代码的位置后，我复制并粘贴了导致:焦点显示为蓝色轮廓的相关代码，并对其进行了相应的更改。|5553025|这是在我的css中工作的代码|5553026|.btn.focus,+.btn:focus
{
outline:+0;
box-shadow:+0+0+0+0;
}|code-block|syntax|javascript|5553027|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|R|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Your best bet is to right click > inspect the element.

I am using Bootstrap 4 and none of the suggestions worked until I did this.

Once I found where the relevant code was in the inspect window, I copied and pasted the relevant code that was causing the :focus to be outlined blue and changed it accordingly.

This is the code that worked in my css

<pre><code>.btn.focus, .btn:focus
{
outline: 0;
box-shadow: 0 0 0 0;
}
</code></pre>

blocks|key|5553063|text|用这个解决了。在bootstrap+3.x和4.0上运行良好|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|5553064|*+{
++++outline:0px+!important;
++++-webkit-appearance:none;
}|code-block|syntax|javascript|5553065|使用这段代码，您将从所有标记和类中删除outline。|5553066|entityMap^0|8|H|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

Solved using this. Works fine on bootstrap 3.x and 4.0

<pre><code>* {
 outline:0px !important;
 -webkit-appearance:none;
}
</code></pre>

With this code, you're going to remove outline from all tags and classes.

blocks|key|1200444|text|这就是对我有效的方法..所有其他的解决方案对我来说都不是很有效，但我从其他解决方案中明白了一件事，那就是textarea和label的默认样式组合是造成蓝色边框的原因。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1200445|textarea,+label
{
++++outline:0px+!important;

++++-webkit-box-shadow:+none+!important;
}|code-block|syntax|javascript|1200446|编辑:我在使用Ant+Design文本区域时遇到了这个问题。这就是为什么这个解决方案对我有效。因此，如果您使用的是Ant，那么请使用以下代码。|1200447|entityMap|0|LINK|mutability|MUTABLE|url|https://ant.design/^0|1G|8|1P|5|0|0|7|A|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|D|@$9|11|A|12|1|13]]|E|$]]|$1|M|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

This is what worked for me.. All the other solutions didn't quite work for me, but I understood one thing from the other solutions and its that default styles of <code>textarea</code> and <code>label</code> in combination is responsible for the blue border. 

<pre><code>textarea, label
{
 outline:0px !important;

 -webkit-box-shadow: none !important;
}
</code></pre>

EDIT: I had this issue with <a href="https://ant.design/" rel="nofollow noreferrer">Ant Design</a> textarea. Thats why this solution worked for me. So, if you are using Ant, then use this.

blocks|key|3937846|text|BOOTSTRAP+4|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|3937847|如果你不想用bazooka杀死一只苍蝇，使用-webkit-外观:none；这也会杀死漂亮的滑块输入，顺便说一句，假设你正在为你的输入使用引导表单css选择器"+form+-control“。|3937848|这就是解决方案：|3937849|.form-control:focus+{
++++box-shadow:+none!important;
++++border-color:+#ced4da!important;
}|code-block|syntax|javascript|3937850|如果你想保留一个很小的蓝色轮廓，就把边框颜色去掉。|3937851|entityMap^0|0|B|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|W|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|X|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|Y|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|R|$]]

BOOTSTRAP 4

If you do not want to kill a fly with bazooka by use -webkit-appearance:none; which also kills nice sliderinputs btw and presuming you are working with the bootstrap form css selector "form-control" for your input.

This is the solution:

<pre><code>.form-control:focus {
 box-shadow: none!important;
 border-color: #ced4da!important;
}
</code></pre>

If you want to keep a tiny small blue outline the leave border-color out.

blocks|key|5553154|text|Bootstrap+4.0|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|5553155|*:focus
{
++++box-shadow:+none+!important;
++++border:+solid+1px+red(+any+color+)+!important;
}|code-block|syntax|javascript|5553156|visual+example|5553157|entityMap|0|LINK|mutability|MUTABLE|url|https://prnt.sc/m64514^0|0|D|0|0|0|E|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

Bootstrap 4.0

<pre><code>*:focus
{
 box-shadow: none !important;
 border: solid 1px red( any color ) !important;
}
</code></pre>

<a href="https://prnt.sc/m64514" rel="noreferrer">visual example</a>

blocks|key|3937893|text|textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus
{
++++outline:+0px+!important;
++++border:+none!important;
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3937894|*使用border:none；而不是outline，因为焦点线是边框而不是轮廓。|unstyled|3937895|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus
{
 outline: 0px !important;
 border: none!important;
}
</code></pre>

*use border:none; instead of outline because the focus line is a border not a outline.

blocks|key|5553224|text|任何还在寻找的人。它既不是边框也不是长方体阴影。它实际上是“大纲”。所以只需将outline:+none;设置为禁用它。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5553225|entityMap^0|13|E|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

For anyone still searching. It's neither border or box-shadow. It's actually &quot;outline&quot;. So just set <code>outline: none;</code> to disable it.

blocks|key|1197948|text|.was-validated+.form-control:valid,
.was-validated+.form-control:invalid+{
++++background-image:+none;
++++
++++box-shadow:+none;
}
.was-validated+.form-control:invalid:focus,
.was-validated+.form-control:valid+{

++++box-shadow:+none;
}
.form-control:focus+{
++++outline:+none;
++++box-shadow:+none;
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1197949|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>.was-validated .form-control:valid,
.was-validated .form-control:invalid {
 background-image: none;
 
 box-shadow: none;
}
.was-validated .form-control:invalid:focus,
.was-validated .form-control:valid {

 box-shadow: none;
}
.form-control:focus {
 outline: none;
 box-shadow: none;
}
</code></pre>

In Chrome, there is a blue border around the textarea.

How come I can't remove it?

<pre><code>textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus {
 outline:0px !important;
 }
</code></pre>

How come I can't remove the blue textarea border in Twitter Bootstrap?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

在Chrome中，文本区域周围有一个蓝色边框。为什么我不能把它移走？textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus {        outline:0px !important;    }

问为什么我不能删除Twitter Bootstrap中的蓝色文本区边框？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么我不能删除Twitter Bootstrap中的蓝色文本区边框？EN