css文件中添加
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
网页设计单位不同的效果
px
px:像素;是我们网页设计常用的单位。通过px可以设置固定的布局或者元素大小
em
em:参考物是父元素的font-size，具有继承的特点。如果自身定义了font-size按自身来计算（浏览器默认字体是16px），em的值并不是固定的,且会继承父级元素的字体大小。
rem
rem:rem是相对于根元素html，这样就意味着，我们只需要在根元素确定一个参考值，可以设计HTML为大小为10px，到时设置1.2rem就是12px.以此类推。
%
%:一般来说就是相对于父元素所占比例
vw
vw:css3新单位，view width的简写，指可视窗口的宽度。
vh
vh:css3新单位，view height的简写，指可视窗口的高度。
边框透明度(hsl)(参考:https://www.cnblogs.com/rain-null/archive/2017/03/26/6622437.html)
HSL 指的是 hue（色调）、saturation（饱和度）、lightness（亮度），它表示颜色柱面坐标表示法。
HSL 颜色值是这样规定的：hsl(hue, saturation, lightness)。
Hue 是色盘上的度数（从 0 到 360） - 0 (或 360) 是红色，120 是绿色，240 是蓝色。
Saturation 是百分比值；0% 意味着灰色，而 100% 是全彩。
Lightness 同样是百分比值；0% 是黑色，100% 是白色。
HSLA 颜色值是 HSL 颜色值的扩展，带有一个 alpha 通道 - 它规定了对象的不透明度。
HSLA 颜色值是这样规定的：hsla(hue, saturation, lightness, alpha)，其中的 alpha 参数定义不透明度