选择输入框,激活背景颜色设置,可使用:focus选择器。
在这实际应用中心非常常用,不管是评论输入框或者是填表框,为了效果,都会增加点击后背景色变色功能,这时候用:focus是最佳选择!
选择获得焦点的输入字段,并设置其样式:
input:focus{ background-color:yellow; }
所有主流浏览器都支持 :focus 选择器。
注释:如果 :focus 用于 IE8 ,则必须声明 <!DOCTYPE>。
定义和用法
:focus 选择器用于选取获得焦点的元素。
提示:接收键盘事件或其他用户输入的元素都允许 :focus 选择器。