单击[重复]删除输入突出显示的框答案

【问题标题】：Remove the input highlighted box on click [duplicate]单击[重复]删除输入突出显示的框
【发布时间】：2018-11-13 09:16:35
【问题描述】：

我尝试在单击输入时删除下图中突出显示的蓝色框。它不工作。这里有什么问题？

<link href="css/bootstrap-v3.5.5.min.css" rel="stylesheet" type="text/css">

<input type="text" class="form-control" placeholder="Enter here" readonly>

在css中，

.form-control:focus {
    outline: none;
}

【问题讨论】：

如果是bootstrap，添加相关标签
在这里。错过了编码标签。
我的意思是如果它是引导程序，请添加带有版本的引导程序标签
是的，添加了。
是的，它正在工作。

标签： css twitter-bootstrap input twitter-bootstrap-3 border

【解决方案1】：

首先，确保您的样式位于 Bootstrap 样式之后，以便它覆盖它们。盒子阴影设置为无。不确定您是否还希望在焦点上移除蓝色边框，所以我也进行了更改。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<style>
  .form-control:focus {
    box-shadow: none;
    border: 1px solid #ccc;
  }
</style>
<input type="text" class="form-control" placeholder="Enter here">

【讨论】：