html - 更改边框颜色并删除框阴影

Question

我正在尝试移除框阴影并更改边框颜色:

我尝试了以下 CSS 代码但没有成功:

.selector.noshadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

如何删除它并将边框颜色从蓝色更改为红色？谢谢

编辑 - HTML:

    <div class="form-group col-sm-3 col-sm-offset-3" style="background-color:#dcdcdc; padding:1em;">
        <div>
            <label for="createPassword">Create Password:</label>
            <input type="password" class="form-control" id="inputCreatePassword" placeholder="Enter a password" ng-model="createPassword">
        </div>
    </div>

Answer 1

这是来自 Bootstrap 的有问题的 CSS:

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

您需要像这样覆盖这些样式:

#inputCreatePassword:focus {
  border-color: #ccc;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}