您的位置：首页 > 其它

控制a标签的链接效果+控制input复选框+选框文字

2015-04-10 13:02 267 查看

1.a:link{color:black;} 控制链接效果
2.a:visited{color:red;} 控制鼠标点下时的效果
3.a:hover{color:yellow;} 控制鼠标滑过的效果
4.a;active{color:black;} 控制链接点过之后的效果
5.cursor:pointer; 鼠标变手型

6.让选中的复选框变文字变红色让input的框自动获取焦点里面的文字变红色

input:focus{color:red;}
input[type="checkbox"]:checked+span{color:#f00;}

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
input:focus{color:red;}
input[type="checkbox"]:checked+span{color:#f00;}
</style>
</head>
<body>
<input type="text" value="1111" autofocus ><br>
<input type="text" value="1111"><br>
<input type="text" value="1111"><br>
<h1>请选择兴趣爱好</h1>
<label><input type="checkbox" name="love[]" value="运动"><span>运动</span></label><br>
<label><input type="checkbox" name="love[]" value="游泳"><span>游泳</span></label><br>
<label><input type="checkbox" name="love[]" value="唱歌"><span>唱歌</span></label><br>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航