码迷,mamicode.com
首页 > Web开发 > 详细

CSS3的状态伪类选择器

时间:2017-02-06 23:49:52      阅读:342      评论:0      收藏:0      [点我收藏+]

标签:script   style   title   png   enable   状态   input   bsp   utf-8   

技术分享

 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的状态伪类选择器

标签:script   style   title   png   enable   状态   input   bsp   utf-8   

原文地址:http://www.cnblogs.com/qianjilou/p/6372021.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!