如何将CSS应用于按钮？

Question

我想在我的所有按钮中应用CSS，但不能在CSS样式表中引用所有按钮id。怎么办？

<button id="buttonEdit">Save</button>

我已经尝试过了：

input[type=button]
{
    fonr-size: 80%;
}

但这不起作用。

谢谢。

Answer 1

button, input[type=button]
{
    font-size: 80%;
}

元素为button，而非input

Answer 2

您指的是一个按钮，而不是输入字段，因此您应该在css中使用正确的术语。

button
{
    font-size: 80%;
}

Answer 3

您没有将input与type="button"一起使用，而是使用button元素：

button
{
    font-size: 80%;
}

Answer 4

快速而讨厌的修复只是将style="style:value;"放在每个按钮标记中。

Answer 5

你的CSS中是否有与buttonEdit id相关联的样式？

我刚刚将你的按钮复制到W3Schools上的“自己动手”区域，并在标题中添加了我自己的风格

button { font-size: 80%; }

正如其他人已经发布的那样，并且它有效。我做了一个测试之前看到按钮，然后添加了样式＆amp;刷新。按钮文字变小了。

如果没有与buttonEdit关联的样式可能搞乱了，那么我会三重检查你是不是在字体大小之后不小心忘记了冒号。