为什么较新版本的Bootstrap不包含btn类的背景色?

时间:2019-02-26 21:36:58

标签: html css button bootstrap-4

尝试升级到较新版本的引导程序后,我注意到所有带有btn类的按钮看起来都不同。有人知道为什么会这样吗?

这是一个简单的JSBin,它说明了我在说什么: https://jsbin.com/hobawuyufi/edit?html,output

在此jsbin中包含的两个CDN链接之间切换:

 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.0/css/bootstrap.min.css"> 

在4.1版本中,按钮如下所示:

enter image description here

在4.2版本中,按钮的外观不同:

enter image description here

我注意到在最新版本中似乎缺少此CSS属性:

background-color: buttonface;

1 个答案:

答案 0 :(得分:1)

从Bootstrap 4.2.0开始,.btn背景色已更改为透明。

这是提交:https://github.com/twbs/bootstrap/issues/27002

原因似乎是按钮背景色上不应有“意见”,并且修饰符类(btn-*)可用于更改按钮颜色。