CSS & Bouton: Comment remplacer natif CSS des boutons html élément?

J'essaie d'appliquer à des boutons d'un élégant style CSS que j'ai trouvé. J'ai besoin de garder les boutons pour la sémantique/raisons d'accessibilité. Mais ma belle CSS est en conflit avec le bouton éléments d'origine de style CSS, et de perdre.

Comment remplacer le naturel CSS des boutons html' éléments ?

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

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

Edit: Les boutons élément devrait ressembler exactement le buttonis éléments.

Selon les réponses ci-dessous, votre CSS n'est pas de "conflit", c'est que le style de bouton a une frontière spécifié et que votre style ne spécifie pas de frontière, de sorte que la bordure existante est toujours présent.

OriginalL'auteur Hugolpz | 2013-04-05

  1. 6

    Soit utiliser un CSS Reset, ou de définir la frontière et le contour des none.

    border: none;
outline: none;

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

    OriginalL'auteur Christian Varga

  2. 2

    Sur la dernière version du navigateur vous pouvez également utiliser -webkit-appearance: none -moz-appearance: none pour supprimer la valeur par défaut de style de ces éléments. Démonstration: http://jsfiddle.net/faueK/

    OriginalL'auteur Sandro Paganotti

  3. 1

    Juste mis border: none pour se débarrasser de la frontière.

    OriginalL'auteur darthmaim