css - 按钮的 CSS 不会改变

Question

这可能是重复的，但我看到的答案都没有帮助。

基本上，我现在正在使用 Foundation 5，我想制作一些具有自定义颜色的按钮。

这是我用来尝试更改按钮颜色的代码。

button.&0, .button.&0 {
    background-color: #000000;
    border-color: 000000;
    color: white;
}

我不是专业的网站开发人员，但我认为这没有任何问题。

Answer 1

你应该使用更好的选择器(没有无效字符)

 <button id="uniqueButton" class="buttonStyle"></button>

然后使用以下代码将所有按钮设置为相同样式:

button.buttonStyle {
    background-color: #000000;
    border-color: #000000;
    color: white;
}

或者如果您只想为特定按钮设置样式

#uniqueButton{
    background-color: #000000;
    border-color: #000000;
    color: white;
}