如何在SPAN标签中添加两个类？ [英] How to add two class in span tag?
本文介绍了如何在SPAN标签中添加两个类？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在使用bootstrap 5和bootstrap-select 。
我有这样的PSD
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-select.css">
<title>Hello, world!</title>
</head>
<body>
<div class="container mt-5">
<div class="col-md-6 mx-auto">
<label for="color_id">Colors</label>
<select class="form-control selectpicker" id="color_id" name="color_id[]" data-live-search="true">
<option value="1" data-content="<span class=badge bg-danger>Red</span>">
Red
</option>
<option value="2" data-content="<span class=badge bg-warning>Warning</span>">
Warning
</option>
</select>
</div>
</div>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/bootstrap-select.js"></script>
</body>
</html>
当我打开inspact时，我看到以下代码
我发现缺少这些代码
bg-danger
但我看到了这个演示。
[3
文本颜色为白色，背景颜色为白色。一切都不清楚。
推荐答案
将其用于多个类：
<option value="1" data-content="<span class='badge bg-danger'>Red</span>">
Red
</option>
class="badge bg-danger"
这篇关于如何在SPAN标签中添加两个类？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
