無法將輸入提交按鈕上的文本設置爲粗體？

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在Mac OS截圖：

更新2：...和比較，這裏是它的外觀與溶液（background-color: white）應用 - http://jsfiddle.net/CJg43/23/

Answer 1

你使用Chrome的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