如何在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中无法工作。
如果我使用cdn.jsdelivr.net上的bootstrap@4.6.2/dist/css/bootstrap.min.css,按钮看起来是这样的:

模态框可以工作了,但按钮颜色略有不同,而且我丢失了Glyphicons图标。
我想使用尽可能新的Bootstrap CSS版本。如果我使用cdn.jsdelivr.net上的bootstrap@5.3.3/dist/css/bootstrap.min.css,按钮看起来是这样的:

模态框可以工作,但按钮颜色还是略有不同,Glyphicons图标也消失了。另外,Remove按钮只有轮廓,没有填充。
我该如何使用Bootstrap 5.3.3 CSS,同时让按钮恢复原来的颜色并保留Glyphicons图标?
最终我想用自己的自定义颜色按钮,搭配Glyphicons或Font Awesome图标,这可行吗?
备注:内容来源于stack exchange,提问作者user3538252
相关产品推荐
相关产品推荐

