css 样式 <button> 显示灰色背景

Question

我正在设计一些样式，我的添加到购物车按钮看起来不错，但我正在尝试为我的愿望 list 创建圆形按钮，但我仍然看到它们后面是灰色的。我认为这可能是浏览器的默认样式接管，但我不确定，有没有人见过这样的事情？

较大的“添加到购物车”按钮看起来很完美。太奇怪了，这是我的代码和图片

.button {
    color: #fff;
    background: #a4cd45;
    border: 1px solid #8bb43f;
    padding: 10px 20px;
    font-size: 135%;
    margin: 0 auto;
    transition: background 0.2s cubic-bezier(0.86, 0, 0.07, 1);
    border-radius: 4px
}
a.button:hover {
    background: #8B0204;
    border-color: #8B0204;
    color: white
}
.wishlist {
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 40px;
    color: white;
    background-color: #a4cd45;
    text-align: center;
    margin: 17px 10px 0 0;
    position: relative;
    z-index: 2;
    font-size: 90%;
    cursor: pointer;
    float:right
}

Answer 1

在.wishlist

插入:

border:0;

如果你想让它消失。

P.S:您有 border: 1px solid #8bb43f; 用于另一个按钮，这也适用于此!

JSFiddle