Question

css控制输入框颜色

如何控制所有输入框背景色为白色然后选中输入框 输入框边框变为2px的橙色边框 类似谷歌浏览器那种css如何写 要控制所有的 不用指定名称

Answer 1

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus
{
border-color: #6699FF;
box-shadow: 0 1px 2px #6699FF inset;
}
你的意思是 输入框得到焦点之后 ，出现橙色边框吧！！！ 上面这段代码你可以试试 ，用火狐浏览器或者谷歌浏览器试吧。边框的阴影效果，不是所有的浏览器都能支持的。

Answer 2

input:focus, textarea:focus, select:focus {
border:2px solid #color code;

}
设置border属性就可以了。
我觉得楼上的没必要分type那么细致，html5里还有type=email,等。反正只要是input，管它是checkbox，还是其他，目的就是让用户看到focus的特效。

Answer 3

<input type="text" id="tb" />

<style>
#tb:focus {
border:2px solid #ff6a00;
}
</style>
这就是你想要的样子。