你如何改變文本框的風格？ （HTML/CSS）

Question

如何從默認值更改文本框的樣式。例如，所以它看起來像：

alt text http://www.wiggle100.com/Untitled-2.png

或

alt text http://www.wiggle100.com/Untitled-3.png

代替：

alt text http://www.wiggle100.com/Untitled-1.png

Answer 1

理論上你可以寫一個樣式規則，如：

input[type=text] { 
    border: 4px solid purple; 
} 

然而，[type=text]語法不是跨瀏覽器兼容。我通常在輸入中添加一個text類，就像這樣;

<input type="text" class="text" name="foo" /> 

然後，你可以寫像傳統的CSS規則：

input.text { 
    border: 4px solid purple; 
} 

當然，這是假設你想要的四個像素堅實的紫色邊框。相應地調整。

Answer 2

邊境的CSS屬性是什麼，我覺得你尋找。請參閱MSDN：http://msdn.microsoft.com/en-us/library/ms533532(VS.85).aspx

Answer 3

您的屏幕截圖中的輸入字段實際上沒有樣式，它們看起來像是OS默認值。相反，設計師選擇將父元素（例如form,fieldset和可能的div s或lists）定位。

This article將爲您打造更漂亮的表格打下堅實的基礎。