bootstrap overidding readonly css in rails

我已經得到了我的application.css，如下所示。出於某種原因，我所有的「只讀」屬性輸入都是灰色的，我想讓它變成白色。我無法做到，我只能懷疑自舉樣式優先於它。這裏有什麼問題嗎？bootstrap overidding readonly css in rails

*= 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; 
}

來源

2015-01-09 Axil

一個可能的答案是使用！重要的，極不推薦的，任何其他方式來排除故障 – Axil 2015-01-09 23:39:22

幾件事情要考慮，確保你的CSS被稱爲最後否則引導CSS將優先。其次確保你的表單字段沒有'disabledTextInput'，這是BS開箱禁用CSS類。 http://getbootstrap.com/css/#forms-control-disabled – crazymatt 2015-01-09 23:51:32

jo Axil，我的解決方案是否適合您？ – 2015-01-12 09:00:20

之前bootstrap您需要self，這就是爲什麼其他樣式將覆蓋readonly風格。你應該將順序更改爲：

*= . *= . *= . everything else *= . *= . *= require_self */ [readonly] { border-color: black; background-color:white; }

這樣你在self花式將得到最後確定，從而成爲最重要的。不需要important!屬性，這是不好的做法

來源

2015-01-10 08:26:59

bootstrap overidding readonly css in rails

回答

相關問題