Angular error:由bootstrap版本引发的“血案”

源代码：

在styles.scss中引入bootstrap：

@import 'node_modules/bootstrap/scss/bootstrap';

pakage.json文件中     

"bootstrap":"^4.1.3"

 运行 

npm install

的时候默认会安装bootstrap的最新版本，目前bootstrap的最新版本是4.3.1，问题来了：

我的使用场景是：

点击button时光标显示问题，代码中自定义类

.goBtn.isDisabled {

       cursor: not-allowed;

}

在bootstrap 4.3.1 版本中 ，会加载

button:not(:disabled)

 

光标指向button的时候会显示禁用的符号。

而将bootstrap版本改成 4.1.3，就会加载

.btn:not(:disabled):not(.disabled) {

       cursor: pointer;

}

自定义的类将会失效，光标指向button的时候是 指针的符号。

版本 4.3.1还会引起background-color无法加载的情况，具体case还没有去研究，error的场景是：

本来我们有个error显示框，正常情况下（版本4.1.3），应该是红色显示框，但是更新到版本4.3.1之后，红色背景色显示不出来，error显示框呈现出的是白色。

总之很坑！