默认的<input type="date" value="" />样式如下所示:
因为是移动端的所以需要兼容ios和安卓系统,所以就需要修改样式啦,代码如下:
input[type="date" i]{
width: 2.2rem;
line-height: 2.2rem;
font-size: 0.8rem;
height: 100%;
background:url('../assets/xia.png') no-repeat;/*背景图代替下拉箭头*/
background-position: right;/*设置箭头位置*/
background-size: 80px!important;
padding-inline-start: 0px;
-webkit-appearance: button;/*控制下拉箭头*/
}
这样就能得到我想要的样式啦,效果如下: