首页 > 代码库 > CSS3的状态伪类选择器

CSS3的状态伪类选择器

2024-09-03 08:30:40   215人阅读

技术分享

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>CSS3的状态伪类选择器</title>
 6     <style type="text/css">
 7         :enabled{
 8             background-color: blue;
 9         };
10         :disabled{
11             background-color: yellow;
12         };
13         :checked{
14             background: blue;
15             width: 100px;
16         };
17     </style>
18     <script type="text/javascript"></script>
19 </head>
20 <body>
21     <input type="text" value="tom"><br>
22     <input type="text" value="北京" disabled><br>
23     篮球<input type="checkbox" checked value="篮球"><br>
24     足球<input type="checkbox" value="足球"><br>
25 </body>
26 </html>

 

CSS3的状态伪类选择器


联系
我们