css - Bootstrap4禁用按钮白色而不是假定的颜色

标签 css bootstrap-4

我在我的一个页面上使用了一个引导按钮,该按钮被禁用,并且样式似乎无法正常工作

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
<button disabled class="btn btn-primary">suivant</button>
<button class="btn btn-primary disabled">suivant</button>

我尝试了这两种方法,两种方法的结果如下:initial look || on Mouse over

编辑:重要的是要提到我只有 bootstrap4,没有个人样式表,也没有其他主题

这是一个react元素,使用className而不是class

最佳答案

https://codepen.io/jacobweyer/pen/ybqxBK

我已经更新了此代码笔,以使用 BS4 alpha 6 显示 Bootstrap4 按钮。它们看起来像在 React 内部和外部按预期显示。

<button class="btn btn-primary">suivant</button>
<button class="btn btn-primary" disabled>suivant disabled</button>

关于css - Bootstrap4禁用按钮白色而不是假定的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44012615/

相关文章:

javascript - Angularjs 单击会触发 2 次?

html - 添加字形改变文本框的大小

javascript - Bootstrap 下拉菜单在 Angular 8 项目中不起作用

css - 页面的导航栏隐藏在幻灯片动画下。如何防止这种情况?我想在顶部单独显示导航栏,动画照常进行

css - 用于删除粗体文本的 Wow JS 解决方案在 Macbook Pro (Google Chrome) 上不起作用

javascript - 页面底部的空白区域

jquery - Bootstrap 列无法切换隐藏/显示

css - Bootstrap 4 Alpha 6 垂直轮播

java - 如何使用 Selenium Webdriver 单击带空格的 CSS

javascript - 如何不在我通过内容脚本插入的 div 上应用网页的 CSS?