Wie kann ich CSS auf alle Schaltflächen anwenden, die auf dieser Seite vorhanden sind?

Question

Ich habe eine CSS-Style-Klasse erstellt:

.btn { 
    color:#050; 
    font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
    background-color:#fed; 
    border:1px solid; 
    border-color: #696 #363 #363 #696; 
} 

Wie kann ich diese CSS-Darstellungsklasse für alle Schaltflächen gilt die class="btn" auf der Seite vorhanden sind, zu jeder Taste ohne Zugabe?

Answer 1

button{ 
    color:#050; 
    font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
    background-color:#fed; 
    border:1px solid; 
    border-color: #696 #363 #363 #696; 
} 

ODER

input[type="button"]{ 
    color:#050; 
    font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
    background-color:#fed; 
    border:1px solid; 
    border-color: #696 #363 #363 #696; 
} 

Answer 2

Wenn Ihre Tasten <input type="button"> sind oder einreichen, dann dies sollte es tun:

input[type="button"], input[type="submit"] { 
    color:#050; 
    font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
    background-color:#fed; 
    border:1px solid; 
    border-color: #696 #363 #363 #696; 
} 

Andernfalls, wenn Ihre Tasten sind <button>:

button { 
    color:#050; 
    font: old 84% 'trebuchet ms',helvetica,sans-serif; 
    background-color:#fed; 
    border:1px solid; 
    border-color: #696 #363 #363 #696; 
} 

An greifen alle drei Arten von Tasten:

button, input[type="button"], input[type="submit"] { 
    color:#050; 
    font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
    background-color:#fed; 
    border:1px solid; 
    border-color: #696 #363 #363 #696; 
} 

Answer 3

input[type=submit], input[type=button], button { 
    ... 
} 

Answer 4

nur eine Note

input[type="button"] 

wird nicht auf alten Browsern wie IE6 zu arbeiten. Wenn das ein Problem ist, musst du deine Klasse leider zu jedem Gegenstand hinzufügen.

Answer 5

Wenn Sie nicht alle Stile explizit festlegen möchten, aber die bereits in einer bereits vorhandenen Klasse definierten Stile (z. B. die Bootstrap-Standardklasse btn) verwenden möchten, können Sie Folgendes tun:

In meinem Fall war das, was ich suchte, obwohl ich sicher bin, dass es eine Art Vorbehalt dafür gibt, oder du würdest erwarten, dass es etwas direkt von CSS machbar ist.