Question

如何更改默认情况下文本框的样式。例如，它看起来像：

或

而不是：

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

屏幕截图中的输入字段实际上没有设置样式，它们看起来像操作系统默认值。相反，设计师选择设置父元素的样式，例如form，fieldset和可能的div或lists进行定位。

This article将为您打造更漂亮的表格奠定坚实的基础。