单击后如何使用CSS更改引导标签背景颜色？
盖斯·韦拉格达拉（Geeth Welagedara）
引导HTML页面内容的性别选择为新娘和新郎。页面加载时的btn-group如下
然后，单击鼠标（在新娘按钮上），并btn-group如下所示释放鼠标。背景色已更改，我尝试使用将其更改为红色css。但不起作用。单击后，是否有可能使用来更改Bootstrap默认标签的背景颜色css？
的CSS
.gender-label:active { background-color: red;}
的HTML
<li>
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-default gender-label">
<input type="radio" name="options" id="option1" autocomplete="off">
<span>Bride</span>
</label>
<label class="btn btn-default gender-label">
<input type="radio" name="options" id="option2" autocomplete="off">
<span>Groom</span>
</label>
</div>
</li>
伊戈尔·伊万查（Igor Ivancha）
在这种情况下，您可以创建自己的类及其必要的行为，而不是覆盖默认的Bootstrap样式：
<label class="btn btn-custom gender-label">
.btn-custom:hover,
.btn-custom.active,
.btn-custom.active:hover {
background-color: red;
}
JSFiddle-example您可以检查一下！
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何使用引导标签使Jquery重定向
- 2
使用“onkeydown”后如何更改背景颜色？
- 3
文字链接可以更改引导标签？
- 4
文字链接可以更改引导标签？
- 5
如何使用 Css 动态更改背景颜色
- 6
使用引导程序单击时如何更改按钮的颜色？
- 7
如何创建这样的引导标签？
- 8
仅使用CSS更改单击时的div背景颜色
- 9
使用 Django 的动态引导标签
- 10
单击后更改div背景颜色
- 11
单击IOS后按钮标签颜色更改
- 12
内联引导标签
- 13
如何更改引导栏的背景颜色
- 14
如何更改反应引导模式的背景颜色
- 15
单击更改div的背景颜色（仅CSS）
- 16
单击标签后，使用Javascript更改正文CSS
- 17
单击标签后，使用Javascript更改正文CSS
- 18
更改引导标签取决于来自 mysql 行的单词
- 19
单击按钮时如何更改背景颜色
- 20
使用jQuery单击更改背景颜色
- 21
使用queryselector单击更改背景颜色
- 22
如何更改标题标签的背景颜色？
- 23
如何动态更改标签背景颜色？
- 24
如何更改滑动标签的背景颜色
- 25
如何使用CSS在PHP中使用if语句更改背景颜色
- 26
单击后如何更改Bootstrap 3下拉背景颜色？
- 27
当列表中的按钮时，单击/按下后如何更改按钮背景颜色？- 颤振
- 28
单击后如何更改颜色按钮
- 29
单击QPushButton后如何更改QPainterPath颜色
我来说两句