你如何改变文本框的风格？(HTML/CSS)

Question

如何从默认值更改文本框的样式.例如,它看起来像:

替代文字http://www.wiggle100.com/Untitled-2.png

要么

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

代替:

替代文字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;
}

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