Bootstrap中的color，bgcolor，background-clor，border-color

版权声明：博客文章都是作者辛苦整理的，转载请注明出处，谢谢！ https://cloud.tencent.com/developer/article/1434145

文章作者：Tyan

博客：noahsnail.com | CSDN | 简书

Bootstrap中的控件都已经设置了CSS样式，但有时我们需要修改控件的一些值，可以通过在控件中添加style来覆盖Bootstrap已有控件的一些特性。style在颜色控制方面有许多，这里主要说一下color，bgcolor，background-color，border-color的区别。

• color

style中的color是用来设置字体颜色的。

• background-color

style中的background-color是用来设置控件的背景色的，它是CSS中的属性。可以缩写为background。

• bgcolor

bgcolor是html中的属性，从HTML4起，W3C为了支持CSS中的background-color属性已经废弃了bgcolor。因此以后不要用bgcolor了。

• border-color

border-color顾名思义，它主要是用来设置控件的边框颜色。

用法举例：

<input type="button" value="123" id="test" class="btn" style="color: blue;background-color: blue;border-color: blue"/>