css – 如何在使用引导程序激活时更改按钮颜色?

前端之家收集整理的这篇文章主要介绍了css – 如何在使用引导程序激活时更改按钮颜色?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用bootstrap 3.我想在点击按钮时更改按钮颜色.我的意思是按钮在选中时应该是不同的颜色.我怎么能用css做到这一点?

我的代码是:

<div class="col-sm-12" id="">
    <button type="submit" class="btn btn-warning" id="1">Button1</button>
    <button type="submit" class="btn btn-warning" id="2">Button2</button>
</div>

解决方法

CSS有不同的伪选择器,您可以通过它实现这种效果.在你的情况下你可以使用

:active : if you want background color only when the button is clicked and don’t want to persist.

:focus: if you want background color untill the focus is on the button.

button:active{
    background:olive;
}

button:focus{
    background:olive;
}

JsFiddle Example

P.S.:请不要给出html元素的Id属性中的数字.

猜你在找的CSS相关文章