Html 点击事件后，基础5按钮类中断（WebKee浏览器） 这是我第一次使用框架，我正在使用ZurbS基金会5框架。

我已尝试扩展/覆盖默认的.button类，并将其用作我的主按钮。下面是我的Cudio.CSS文件的CSS文件，它覆盖了默认的基础5样式：

CSS样式

.button {
font-family: 'Alegreya Sans','Helvetica Neue',Helvetica sans-serif;
background: rgb(238, 77, 13);
color: rgb(241, 227, 186);
border-radius: 30px;
padding: 10px 15px;
font-size: 80%;
margin-top: 10px;
}

.button:hover{
background: #46A18C;
}

对应的HTML元素：

<p>This is a description of the thing in the thing</p>
<a class="button" href="#">View Project</a>

这是对事物中事物的描述

我遇到的问题似乎只有在webkit浏览器（safari/chrome）中才明显，在这些浏览器中，所有东西都可以在加载时完美工作。只有在单击链接后才会出现此问题，目前所有链接都设置为href=“#”。单击链接后，每个按钮内的文本将消失，只会在悬停时重新出现。不确定它是否是相关的，但是这个链接的基础样式也包含一个<代码>转换< /COD>属性设置为<代码>背景色300毫秒，省略了0

您可以在此处看到一个示例：

我不确定是什么原因造成的，我已经通过firebug解决了这个问题，一个接一个地禁用了样式，但似乎没有任何东西可以修复它。任何/所有的建议都会很棒。我对网络开发有点陌生，但这确实让我感到困惑。再次感谢您的帮助。

a, a:visited {
color:#EE4D0D;
text-decoration:none;
}

与按钮的背景颜色相同

按如下方式处理您的按钮：

a、 钮扣

因此：

---

这应该会覆盖它。

非常感谢你，我觉得发布这篇文章有点傻，因为我后来也发现了这一点。希望这能帮助其他人。没问题！很高兴你自己找到了！

a.button {
font-family: 'Alegreya Sans','Helvetica Neue',Helvetica sans-serif;
background: rgb(238, 77, 13);
color: rgb(241, 227, 186);
border-radius: 30px;
padding: 10px 15px;
font-size: 80%;
margin-top: 10px;
}

a.button:hover{
background: #46A18C;
}