css3鼠标状态
2015-07-29 14:43
537 查看
</head>
<!--hover,foucs,active-->
/*hover当鼠标经过改变属性*/
/*foucs当鼠标点击的时候改变颜色*/
/*active当鼠标按中不放开的时候改变颜色*/
<style>
input[type="text"]:hover{
background-color:#006;
}
input[type="text"]:foucs{
background-color:#9F3;
}
input[type="text"]:active{
background-color:#F0C;}
</style>
<body>
<input type="text"name="name" />
<input type="text"name="age" />
</body>
</html>
<!--hover,foucs,active-->
/*hover当鼠标经过改变属性*/
/*foucs当鼠标点击的时候改变颜色*/
/*active当鼠标按中不放开的时候改变颜色*/
<style>
input[type="text"]:hover{
background-color:#006;
}
input[type="text"]:foucs{
background-color:#9F3;
}
input[type="text"]:active{
background-color:#F0C;}
</style>
<body>
<input type="text"name="name" />
<input type="text"name="age" />
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css3列表属性
- CSS代码优化7个准则
- html css一些记录
- css 实现垂直居中的5种方法
- 前端性能优化（CSS动画篇）
- 去掉chrome 浏览器 input textarea 获取焦点后边框
- css文字样式
- 静态Web开发 CSS
- 使用CSS样式position:fixed水平滚动的方法
- 一款很漂亮的CSS3登录界面
- css中的选择器
- 去除inline-block元素间间距的N种方法
- CSS常用属性
- 【jetty】jetty作为maven插件,解除JS/CSS等静态文件锁定
- CSS布局页面之盒子模型
- 样式表的重置
- CSS中的长度单位
- CSS中让一个div的高度随着另外个一个统计的div的高度变化而变化的代码
- CSS中让一个div的高度随着另外个一个统计的div的高度变化而变化的代码
- Grunt 进行js,css文件合并，压缩