如何将CSS应用于按钮？

Question

我想将CSS应用于所有按钮，但不引用CSS样式表中的所有按钮ID。如何进行？

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

我已经尝试：

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

但这不起作用。

谢谢。

Answer 1

你的CSS样式与buttonEdit id相关吗？

我只是复制您的按钮上W3Schools的一个“亲自尝试”区域，并增加了自己的风格在头

button { font-size: 80%; } 

至于其他人已经发布，并且它的工作。我做了一个测试之前看到的按钮，然后添加了样式&刷新。按钮文字变小了。

如果没有与buttonEdit相关的可能会让事情变得糟糕的样式，那么我会三倍检查你是否意外忘记了font-size之后的冒号。

Answer 2

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

的元素为button，不input

Answer 3

你是指一个按钮，而不是输入字段，所以你应该在CSS中使用正确的术语。

button 
{ 
    font-size: 80%; 
} 

Answer 4

您使用的不是input与type="button"，但button元素：

button 
{ 
    font-size: 80%; 
} 

Answer 5

一个快速和肮脏的解决办法是只把style="style:value;"在每个按钮的标签。