2016-07-12 34 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; }

相关问题