你如何改变文本框的风格？ （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将为您打造更漂亮的表格打下坚实的基础。