input框有默认的样式,但在实际项目开发中,经常要根据美工的设计图对输入框的样式进行修改,这里把我在项目中最常用到的关于input样式修改的代码进行了整理,可以用于学习,也可直接运用。
- 修改input框的长、宽、背景颜色、边框、字体、字体、颜色等常用样式。
input {
width: 100px; // 宽度
height: 40px; // 高度
color: #fff; // 输入值的颜色
font-size: 16px; // 字体大小
font-family: Arial, Helvetica, sans-serif; // 字体
background: transparent; // 背景透明
border: 1px solid #56deff; // 边框颜色
border-radius: 6px; // 边框圆角
}