bootstrap覆盖了rails中的readonly css

Question

我已经得到了我的application.css，如下所示。由于某种原因，我所有的＆＃34; readonly＆＃34;归属输入都是灰色的，我想把它变成白色。我无法做到，我只能怀疑引导样式优先于它。这里有什么问题？

 *= 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之前，您需要bootstrap ，这就是为什么其他样式会覆盖您的readonly样式的原因。您应该将订单更改为：

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

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

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