html5第八课时，状态伪类选择器
2017-05-13 09:48
447 查看
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>状态伪类选择器</title>
<style>
input:checked{
margin-left: 20px;
}
input:enabled{
outline: red;
}
input[type="text"]:enabled{
border: 5px solid red;
background: black;
color: red;
}
</style>
</head>
<body>
<form action="">
<label for="a">
<span>男</span>
<input id="a" type="radio" name="sex" value="1"/>
</label>
<!--加上label，可以点击文字选中按钮。-->
<label for="b">
<span>女</span>
<input id="b" type="radio" name="sex" value="2"/>
</label>
<br/>
<label for="c">
<span>女</span>
<input id="c" type="text" name="sex" value="2"/>
</label>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- html5第八课时，结构伪类选择器
- HTML5第六课时，超链接，伪类选择器
- HTML5中CSS3的状态伪类选择器
- html5第八课时，图片放大溢出解决
- HTML5基础加强css样式篇（结构化伪类选择器：nth-of-type）（十一）
- HTML5学习_day13(2)--nth-child(n)伪类选择器(多标签时不通过id,class来快速选中标签)
- 第一章：第三课 选择器-状态伪类选择器[一]
- html5第八课时，移动的飞机
- CSS3学习笔记2：UI元素状态伪类选择器
- 第一章：第三课 选择器-状态伪类选择器[二]
- html5第八课时，灵活布局，flex
- HTML5基础加强css样式篇（target目标伪类选择器）（九）
- css3 - UI元素状态伪类选择器
- html5--6-9 CSS选择器6--伪类选择器
- 第一章：第三课 选择器-状态伪类选择器[三]
- html5第八课时，flex的基础应用
- CSS3(各UI元素状态伪类选择器受浏览器的支持情况)
- HTML5学习_day03(3)--a标签伪类(四种状态样式变化)
- HTML5第五课时，标签选择器
- 第一章：第三课 选择器-状态伪类选择器[四]