css - Bootstrap 覆盖 rails 中的只读 css

Question

我的 application.css 如下所示。出于某种原因，我所有的“只读”属性输入都是灰色的，我想把它变成白色。我做不到，我只能怀疑 Bootstrap 样式优先于它。这里有什么问题吗？

 *= require_self
 *= require bootstrap
 *= require datepicker
 *= require bootstrap-switch 
 *= require select2
 *= require select2-bootstrap
 *= require_tree .
 *= require validationEngine.jquery 
 */

[readonly] { 
    border-color: black;
    background-color:white; 
}

Answer 1

您需要self before bootstrap，这就是为什么其他样式会覆盖您的readonly 样式的原因。您应该将顺序更改为:

 *= .
 *= .
 *= . everything else
 *= .
 *= .
 *= require_self
 */

[readonly] { 
  border-color: black;
  background-color:white; 
}

这样，您在 self 中的样式将最后定义，从而成为最重要的。不需要 important! 属性，这是不好的做法