如何从禁用的输入中删除背景，边框和不允许的指针

Question

我正在使用Bootstrap：当处于禁用状态时，如何删除表单字段中的背景，边框和不允许指针？在其他表格禁用字段上不改变相同...

我试过这个，没有任何成功（使用AngularJS）：

HTML：

<input type="text" ng-disabled="toggle" ng-class="{'no-extras': toggle}" class="form-control" id="name" placeholder="Name" />

和CSS：

.no-extras {
  border: 0;
  box-shadow: none;
  background-color: white;
  cursor: default;
}

请参阅此处的代码http://plnkr.co/edit/1AuszJ?p=preview

Answer 1

使用以下方法更改样式表内容：

.no-extras {
  border: 1 !important;
  box-shadow: none !important;
  background-color: white !important;
  cursor: default !important;
}

您已将边框设为0，这是错误的。 不要修改bootstrap.css文件，因为它会更改所有禁用的字段。 此外，添加！important使您的样式优先于bootstrap提供的默认样式。

Answer 2

快速方法：您可以在样式中使用！important标记来覆盖bootstraps样式。

更清洁的方法：从Bootstrap样式表中删除样式（在Chrome / Firefox中右键单击并检查输入字段以查找代码）。

我在bootstrap.css第2387行找到的内容：

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #eee;
opacity: 1;