淘先锋技术网

首页 1 2 3 4 5 6 7

选择输入框,激活背景颜色设置,可使用:focus选择器。

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

选择获得焦点的输入字段.gif 

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

input:focus{ 
background-color:yellow;
}

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

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

定义和用法

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

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