Kann Text auf der Eingabe-Schaltfläche nicht als fett formatieren?

Question

Ich versuche, die Schriftart in einem Eingabeknopf fett formatieren.

Hier ist mein Code:

<input type="submit" id="nm-match" class="nm-button" value="Match" /> 

Hier ist meine CSS:

.nm-button { 
    text-transform: uppercase; 
    padding: 5px; 
    color: blue; 
    font-weight: bold; 
} 

Alle Stile außer dem fett angewendet werden.

Hier ist ein JSFiddle zeigt das Problem: http://jsfiddle.net/CJg43/1/

UPDATE: Warum die enge Stimmen? Hier ist ein Screenshot von, wie es aussieht für mich, in Chrome auf MacOS:

UPDATE 2: ... und zum Vergleich, ist hier, wie es mit der Lösung sieht (background-color: white) angewandt - http://jsfiddle.net/CJg43/23/

Answer 1

Sind Sie mit Chrom für MacOS? Ist dies der Fall, versuchen Sie, der Schaltfläche eine Hintergrundfarbe hinzuzufügen, um festzustellen, ob sie behoben wurde. Die standardmäßigen Aqua-Styles stören möglicherweise. Sie können auch versuchen, -webkit-appearance: none; oder -webkit-appearance: button;.

Answer 2

Wenn Sie numerische Werte mit der font-weight Eigenschaft und möchten Sie bold dann verwenden, um den Wert größer als oder gleich 700

.nm-button { 
    text-transform: uppercase; 
    padding: 5px; 
    color: blue; 
    font-weight: 700; 
} 

Js Fiddle Demo