状态伪类选择器

最新推荐文章于 2023-06-22 19:29:38 发布

JV_YAN

最新推荐文章于 2023-06-22 19:29:38 发布

阅读量297

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/JV_YAN/article/details/71897765

版权

HTML5 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
input:checked+span{
color: red;
}
input[type="text"]:enabled{
border: 1px solid green;
}
</style>
<title>状态伪类选择器</title>
</head>
<body>
<form action="">
<label for="a">
<input id="a" type="radio"name="sex"value="1">
<span>男</span> </label>

<label for="b">
<input id="b" type="radio"name="sex"value="2">
<span>女</span></label>
<br>

<label for="c">
<span> 姓名</span>
<input id="c"type="text">
</label>

<label for="d">
<span> 地址</span>
<input id="d"type="text">
</label>
</form>
</body>
</html>