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

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.InfoLabel{
position:"absolute";
padding-left: 8em; }
.Info{
height: 30px;
color: #c0c0c0;
font-size: 14px;
box-shadow: 6px 6px 5px 2px lightblue;outline: none;border:1px solid #c0c0c0;
}
</style>
</head>
<body>
<label class="InfoLabel"></label> <input class="Info" type="text" readonly=true value="重量:2218">
<label class="InfoLabel"></label> <input class="Info" type="text" readonly=true value="总货值:10128">
<label class="InfoLabel"></label> <input class="Info" type="text" readonly=true value="总价值:10128">
<label class="InfoLabel"></label> <input class="Info" type="text" readonly=true value="计价类型:物料">
</body>
</html>
上一篇:ime-mode:disabled 关闭文本框输入法


下一篇:Target-Action回调模式