CSS – :focus 选择器 – 点击选择输入框背景颜色变色 – CSS – 前端 css3 渐变 ie9

在这实际应用中心非常常用，不管是评论输入框或者是填表框，为了效果，都会增加点击后背景色变色功能，这时候用:focus是最佳选择！

选择获得焦点的输入字段，并设置其样式：

input:focus{background-color:yellow;}

所有主流浏览器都支持 :focus 选择器。

注释：如果 :focus 用于 IE8 ，则必须声明 <!DOCTYPE>。

定义和用法

:focus 选择器用于选取获得焦点的元素。

提示：接收键盘事件或其他用户输入的元素都允许 :focus 选择器。