CSS＆Button：如何覆蓋html按鈕元素的原生CSS？

我嘗試將按鈕應用於我找到的優雅CSS樣式。爲了語義/可訪問性的原因，我需要保留按鈕。但是我的漂亮的CSS與按鈕元素的原生CSS風格相沖突，並且失去了它。CSS＆Button：如何覆蓋html按鈕元素的原生CSS？

如何覆蓋html按鈕元素的自然CSS？

/* CSS works for buttonis, doesn't work for buttons*/ 
button.btn, buttoni.btn { 
    ... 
}

編輯：按鈕元素應該看起來就像buttonis元素。

2013-04-05 Hugolpz

根據下面的答案，您的CSS不是「衝突」，它是現有的按鈕樣式具有指定的邊框，並且您的樣式沒有指定邊框，因此現有的邊框仍然存在。 – xkickflip 2013-04-05 23:42:38

要麼使用CSS Reset，要麼將邊框和輪廓設置爲none。

border: none; 
outline: none;

2013-04-05 23:37:55

只需設置border: none擺脫這條邊界的。

2013-04-05 23:38:04 darthmaim

在最新的瀏覽器上，您還可以使用-webkit-appearance: none-moz-appearance: none從這些元素中刪除默認樣式。演示：http://jsfiddle.net/faueK/

2013-04-06 00:01:52

回答