如何將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;"在每個按鈕的標籤。