美化input输入框的代码
input, textarea, select {
border: 1px solid #bfbfbf;
padding: 0.2em;
font-size: 1.1em;
line-height: 1.2em;
background: #ffffff;
background: linear-gradient(top, #ffffff 0%, #ededed 8%, #ffffff 100%);
border-radius: 4px;
box-shadow: 2px 2px 5px hsla(0, 0%, 16.6667%, 0.1);
}
在body中插入
<input type="text" height="20px" width="100px" />
预览效果
如果想不影响滚动条
input:not([type="range"]), textarea, select{
/*样式*/
}