爲什麼無格式輸入文本的邊框寬度爲2px？

我有以下HTML標記導致輸入表單元素的文本類型。爲什麼無格式輸入文本的邊框寬度爲2px？

<!DOCTYPE html> 
<html> 
    <body> 
     <input type="text" /> 
    </body> 
</html>

在一個體面的瀏覽器，它呈現像下面的屏幕截圖（在右側的放大圖像）：

Sample

那麼，爲什麼檢查<input>元素時，瀏覽器顯示邊框寬度爲2px？我們可以目測欣賞輸入元素有1個像素。即使使用jQuery，當我執行類似jQuery('input').css('border-width')的事情時，它也會吐出2px。

當然，這種情況只發生在上，只有非格式輸入元素。

我還創建了一個演示的jsfiddle：http://jsfiddle.net/HBDUZ/

謝謝！

瀏覽器默認樣式表。 – alex

我想這就是您的瀏覽器設置爲如何使用默認樣式呈現文本字段。例如，文本字段在iOS上的Chrome中爲我表示「1px」。（iPhone） –

每個瀏覽器都有一個內置樣式表（稱爲「用戶代理樣式表」），其中包含某些元素的默認樣式。

在這種情況下（Chrome的測試版25-M時，Windows），風格：

border: 2px inset;

的inset結果真的看到這個JSFiddle，與背景顏色對比。

2013-01-17 02:14:00

有趣的...當我設置'border-color：red'我可以看到2px ...奇怪的... –

回答