Question

我正在尝试为引导按钮的活动状态设置自定义颜色。

HTML：

<button class="btn btn-lg btn-primary" id="addToCart" data-value={{food.name}}>Add to cart</button>

CSS：

.btn-primary {
    color: #FFFFFF;
    background-color: #43A047;
    border-color: #43A047;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #43A047;
}

.btn-primary:hover {
    color: #43a047;
    background-color: #FFFFFF;
    border-color: #43a047;
}

使用此代码，我可以更改按钮的颜色和悬停颜色，但是当我单击按钮时，默认的btn-primary颜色仍然存在。我在这做错了什么？

Answer 1

Twitter的Bootstrap提供了一个按钮生成器，看看生成器，也许你可以改变生成的CSS代码来改变以满足你的要求：

http://twitterbootstrap3buttons.w3masters.nl/

Answer 2

尝试这样的事情。

docker run -v /var/lib/mysql:/var/lib/mysql -t -i <container_id> <command>

Bootstrap按钮自定义活动颜色

2 个答案: