选择器(E:hover/E:active/E:focus的使用)
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<style type="text/css">
input[type=text]:hover {
background-color:limegreen;
}
input[type=text]:active {
background-color:skyblue;
}
input[type=text]:focus{
background-color:#00ff90;
}
</style>
</head>
<body>
<!-- E:hover
选择器被用来指定当鼠标指针移动到元素上时,元素所使用的样式,方法如下:
<元素>:hover
{
//指定样式。
}
-->
<!-- E:active
选择器被用来指定元素被激活(就是按下没有释放时)所使用的样式。 -->
<!-- E:focus
选择器被用来指定元素获取焦点时所使用的样式。 -->
<form>
<p>姓名:<input type="text" name="name" /></p>
<p>地址:<input type="text" name="address" /></p>
</form>
</body>
</html>
效果如下:
最新文章
- mongo链接solr的过程与问题
- 实践最简单的项目:WC
- POJ 3678 Katu Puzzle(强连通 法)
- jquery学习--属性操作
- 【转】mysql忘记root密码的解决方法
- [转]Linux/Unix系统镜像/备份/恢复 (dd 命令使用)
- Java的云打印Lodop
- HDU Wolf and Rabbit
- 每次调用fork()函数之后,父线程和创建出的子线程都是从fork()后开始执行
- ArrayBlockingQueue和LinkedBlockingQueue的区别
- IOS科研IOS开发笔记学习基础知识
- C++ 头文件系列(list)
- Python——类的封装
- 简述 JVM 垃圾回收算法
- MySQL innobackupex全量备份恢复
- MySQL数据库(三)索引总结
- Spring使用笔记(二)Bean装配
- vue+webpack安装sass过程中遇到权限不够,直接删除node_modus文件夹重新安装,node_modus先取得管理员权限才能删
- 01 while 循环输入1 2 3 4 5 6 8 9 10
- MVC 自定义特性(验证用户登录session是否已经过期)