html css input定位文本框阴影灰色不可编辑

最新推荐文章于 2023-10-27 18:55:16 发布

weixin_33754065

最新推荐文章于 2023-10-27 18:55:16 发布

阅读量597

点赞数

原文链接：http://www.cnblogs.com/LiuFengH/p/9603277.html

版权

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4   <meta charset="UTF-8">
 5   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6   <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7   <title>Document</title>
 8   <style>
 9    .InfoLabel{
10     position:"absolute";
11     padding-left: 8em;
12 
13    }
14     .Info{
15       height: 30px;
16       color: #c0c0c0;
17       font-size: 14px;
18       box-shadow: 6px 6px 5px 2px lightblue;outline: none;border:1px solid #c0c0c0;
19     }
20   </style>
21 </head>
22 <body>
23   <label class="InfoLabel"></label>  <input class="Info" type="text"  readonly=true  value="重量:2218">
24   <label class="InfoLabel"></label>  <input class="Info" type="text"  readonly=true value="总货值:10128">
25   <label class="InfoLabel"></label>  <input class="Info" type="text"  readonly=true value="总价值:10128">
26   <label class="InfoLabel"></label>  <input class="Info" type="text"  readonly=true value="计价类型:物料">
27 </body>
28 </html>