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

時間 2020-05-08

標籤 html css input 定位文本陰影灰色不可編輯欄目 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>