如何更改文本框的样式？（HTML / CSS）[关闭]

【问题标题】：How do you change the style of a text box? (HTML / CSS) [closed]如何更改文本框的样式？（HTML / CSS）[关闭]
【发布时间】：2009-08-19 22:17:40
【问题描述】：

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

或

代替：

【问题讨论】：

【解决方案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;
}

当然，这假设您需要四个像素的纯紫色边框。相应调整。

【讨论】：

【解决方案2】：

边框 CSS 属性是我认为您正在寻找的。见 MSDN：http://msdn.microsoft.com/en-us/library/ms533532(VS.85).aspx

【讨论】：

【解决方案3】：

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

This article 将为您构建更漂亮的表单打下良好的基础。

【讨论】：