2016-07-12 82 views
0

我想將Bootstrap btn類設置爲所有<button>元素,而無需在每個按鈕上手動執行。我知道我可以添加自定義風格,所有的按鈕這樣的:將Bootstrap CSS類應用於給定類型的所有HTML元素

button { ...some-properties... }

,但我需要類似的東西:

button { .btn }

我知道我能做到這一點有少,但我問題是,如果它是實現這一目標的唯一方法,還是可能只使用CSS?我也發現我可以實現使用jQuery。對於它的價值,我使用的是AngularJS,也許AngularUI或AngularStrap會有所幫助?

回答

0

不,沒有在純css中擴展css類的事情。只有這樣,才能達到你想要的東西會得到引導.btn類的源CSS並將其添加到所有按鈕:

button { 
    // .btn source css 
} 

即使它的工作原理,它不是一個好方法,因爲引導可以改變它在未來的版本中。像Less和Sass這樣的Css預處理器可能是最好的方式。

+0

複製Boostrap源對我來說聽起來不太合適。我知道使用LESS,jQuery等很容易,但我想確定是否可以使用CSS。 – ctomek

+0

編輯澄清我的答案。 – Simon

0

我不認爲有除了在這種情況下使用CSS另一種方式,你不能做到這一點不管你做什麼,因爲CSS是不能夠的抽象層的,所以請使用LESS我向你保證,你不能用CSS所以做到這一點不浪費時間第二少用 這樣的:

按鈕{ .btn; }

相關問題