单击时如何更改 "Add to cart" 、 "Add to wish list" 和 "Compare this product" 按钮边框颜色

Question

在opencart 2.0.3.1,

当我点击 "Add to cart" 按钮时，它的边框颜色变成了蓝色。但是我想把这条边框线改成灰色。

我已经替换了 stylesheet.css 和 bootstrap.min.css 中的所有蓝色。但我仍然在 "Add to cart" ， "Add to wish list" 和 "Compare this product" 按钮边框周围变蓝，当它被点击时。

谁能帮忙，我在哪里可以找到自定义此边框颜色的设置？

www.uniool.com

谢谢。

Answer 1

给你添加样式表，outline: none;给这个按钮。

P.S border: 0 IE 边框问题，回答错误请见谅。

Answer 2

感谢大家提供的宝贵信息。

我发现你的所有信息都非常有用，尽管你们中的两个人已经删除了你的答案！！？我不明白 - 为什么？

我刚刚替换了以下默认代码：

.product-thumb .button-group button:hover {
    color: #444;
    background-color: #ddd;
    text-decoration: none;
    cursor: pointer;

使用此代码：

.product-thumb .button-group button:focus {
    color: #444;
    background-color: #ddd;
    outline: 0;
    border: none;
    text-decoration: none;
    cursor: pointer;

这段代码只是让蓝色边框消失，虽然我想用灰色来改变蓝色。

不过消失对我来说也是可以的

非常感谢大家的支持。

单击时如何更改 "Add to cart" 、 "Add to wish list" 和 "Compare this product" 按钮边框颜色

How to change "Add to cart" , "Add to wish list" & "Compare this product" button border color upon clicked

javascript

css

twitter-bootstrap

opencart2.x