html css input定位 文本框陰影 灰色不可編輯


 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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM