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