Не удается стилизовать текст на вкладке submit, как выделено жирным шрифтом?

Question

Я пытаюсь стилизовать шрифт в кнопке ввода полужирным шрифтом.

Вот мой код:

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

Вот мой CSS:

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

Все стили применяются независимо от смелая.

Вот такой JSFiddle показывает проблему: http://jsfiddle.net/CJg43/1/

UPDATE: Почему близкие голоса? Вот скриншот того, как он выглядит для меня, в Chrome на MacOS:

UPDATE 2: ... и для сравнения, вот как это выглядит с решением (background-color: white) применяется - http://jsfiddle.net/CJg43/23/

Answer 1

Вы используете хром для MacOS? Если да, попробуйте добавить фоновый цвет к кнопке, чтобы узнать, исправляет ли он ее. Стили Aqua по умолчанию могут мешать. Вы также можете попробовать -webkit-appearance: none; или -webkit-appearance: button;.

Answer 2

При использовании числовых значений с font-weight собственности и вы хотите использовать bold затем использовать значение, большее или равное 700

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

Js Fiddle Demo