首页 >

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

html5 css,css规范检查,html插入css写法,css 文字跟图片的,css中图标定位,dw支持css3吗,css3 渐变 ie9CSS - :focus 选择器 - 点击选择输入框背景颜色变色 - CSS - 前端,css3 渐变 ie9

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

html5 css,css规范检查,html插入css写法,css 文字跟图片的,css中图标定位,dw支持css3吗,css3 渐变 ie9选择获得焦点的输入字段.gif

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

input:focus{
background-color:yellow;
}

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

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

定义和用法

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

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


CSS - :focus 选择器 - 点击选择输入框背景颜色变色 - CSS - 前端,css3 渐变 ie9
  • CSS color 属性 - CSS - 前端,css 颜色没变
  • CSS color 属性 - CSS - 前端,css 颜色没变 | CSS color 属性 - CSS - 前端,css 颜色没变 ...

    CSS - :focus 选择器 - 点击选择输入框背景颜色变色 - CSS - 前端,css3 渐变 ie9
  • ppt怎么插入样式填充 - CSS - 前端,css表格边框无间距
  • ppt怎么插入样式填充 - CSS - 前端,css表格边框无间距 | ppt怎么插入样式填充 - CSS - 前端,css表格边框无间距 ...

    CSS - :focus 选择器 - 点击选择输入框背景颜色变色 - CSS - 前端,css3 渐变 ie9
  • css图片中怎么加文字 |css clip
  • css图片中怎么加文字 |css clip | css图片中怎么加文字 |css clip ...