css - CSS とボタン: HTML ボタン要素のネイティブ CSS をオーバーライドするには?

Question

私が見つけたエレガントな CSS スタイルをボタンに適用しようとしています。セマンティック/アクセシビリティの理由から、ボタンを保持する必要があります。しかし、私の素敵な CSS は、ボタン要素のネイティブ CSS スタイルと競合しており、それに負けています。

HTML ボタンの要素の自然な CSS をオーバーライドする方法は?

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

http://jsfiddle.net/bkWNw/3/

編集: buttons 要素は、buttonis 要素とまったく同じように見える必要があります。

Answer 1

CSS Resetを使用するか、境界線とアウトラインを に設定しnoneます。

border: none;
outline: none;

http://jsfiddle.net/bkWNw/5/

Answer 2

最新のブラウザでは-webkit-appearance: none -moz-appearance: none、これらの要素からデフォルトのスタイルを削除するためにも使用できます。デモ: http://jsfiddle.net/faueK/

Answer 3

border: noneその境界線を取り除くように設定するだけです。