CSS & Button: Vorgehensweise zum überschreiben der native CSS von html-Schaltflächen-element?

Ich versuche zu Tasten, eine elegante CSS-Stil habe ich gefunden. Ich brauche, um Schaltflächen für die semantische/accessibility-Gründen. Aber meine netten CSS-Konflikt mit der button-Elemente " native CSS-Stil, und verlieren.

, Wie das überschreiben der natürlichen CSS html buttons " Elemente ?

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

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

Edit: Die Schaltflächen element sollte genau so Aussehen wie die buttonis Elemente.

Nach den Antworten, die CSS nicht "Konflikt" ist es, dass die vorhandene button-Stil hat eine Grenze angegeben und Ihr Stil ist nicht festgelegt, eine Grenze, damit die bestehende Grenze ist noch vorhanden.

InformationsquelleAutor Hugolpz | 2013-04-05

  1. 6

    Entweder eine CSS-Reset, oder setzen Sie die Grenze und Gliederung none.

    border: none;
outline: none;

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

    InformationsquelleAutor Christian Varga

  2. 2

    Auf die neuesten browser können Sie auch -webkit-appearance: none -moz-appearance: none zu entfernen die Standard-styling aus diesen Elementen. Demo: http://jsfiddle.net/faueK/

    InformationsquelleAutor Sandro Paganotti

  3. 1

    Setzen Sie einfach border: none um loszuwerden, die Grenze.

    InformationsquelleAutor darthmaim

Schreibe einen Kommentar