HTML/CSS - 更改文本字段的属性

【问题标题】：HTML/CSS - Changing properties of a text fieldHTML/CSS - 更改文本字段的属性
【发布时间】：2011-07-21 19:14:45
【问题描述】：

是否可以在文本字段被选中/激活（即输入）时更改其属性。我想简单地更改边框颜色，但我还没有找到实际操作的方法。

我尝试使用 :active 但这仅在按下鼠标时才有效（显然我猜）

【问题讨论】：

【解决方案1】：

要在输入字段被选中/激活时更改其边框，请使用 :focus

下面的例子：

HTML：

<input type="text" id="ageField" name="age" />

CSS：

#ageField:focus {
    border-color: #F00;
}

【讨论】：

【解决方案2】：

您正在寻找 onFocus/onBlur HTML 元素。有了这些，您可以使用 Javascript 来修改颜色/样式标签。

【讨论】：

【解决方案3】：

你想要的选择器叫做:focus

【讨论】：