按钮的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;
}

Answer 2

也许你应该像这样定义边框。

#and0{
    background-color: #000000;
    border: 1px solid #000000;
    color: white;
}