You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Bootstrap 5.3.3中还原原Bootstrap 3样式按钮并保留Glyphicons图标(含自定义按钮样式需求)

如何在Bootstrap 5.3.3中还原原Bootstrap 3样式按钮并保留Glyphicons图标(含自定义按钮样式需求)

我已经使用Dropzone.js好几年了,有一个一直运行良好的应用,里面用到了三个按钮:

<span class="btn btn-success fileinput-button">
    <i class="glyphicon glyphicon-plus"></i>
    <span>Browse files...</span>
</span>
<button class="btn btn-primary start">
    <i class="glyphicon glyphicon-upload"></i>
    <span>Start</span>
</button>
<button data-dz-remove class="btn btn-danger delete">
   <i class="glyphicon glyphicon-trash"></i>
   <span>Remove</span>
</button>

我一直使用cdn.jsdelivr.net上的bootstrap@3.1.1/dist/css/bootstrap.min.css,正如我所说,它运行得很好,按钮看起来是这样的:

Bootstrap 3.1.1 按钮样式

我现在想添加一个模态框,但它在Bootstrap 3.1.1中无法工作。

如果我使用cdn.jsdelivr.net上的bootstrap@4.6.2/dist/css/bootstrap.min.css,按钮看起来是这样的:

Bootstrap 4.6.2 按钮样式

模态框可以工作了,但按钮颜色略有不同,而且我丢失了Glyphicons图标。

我想使用尽可能新的Bootstrap CSS版本。如果我使用cdn.jsdelivr.net上的bootstrap@5.3.3/dist/css/bootstrap.min.css,按钮看起来是这样的:

Bootstrap 5.3.3 按钮样式

模态框可以工作,但按钮颜色还是略有不同,Glyphicons图标也消失了。另外,Remove按钮只有轮廓,没有填充。

我该如何使用Bootstrap 5.3.3 CSS,同时让按钮恢复原来的颜色并保留Glyphicons图标?

最终我想用自己的自定义颜色按钮,搭配Glyphicons或Font Awesome图标,这可行吗?

备注:内容来源于stack exchange,提问作者user3538252

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.14 15:58:04