关于input[type=“date“]控制部和编辑部的样式修改

在html5页面开发布局的时候，会遇到设置input[type="date"]的样式问题，为了能够修改这些样式以达到自己想要的样式，就需要先找到元素才能修改。

input[type="date"]::-webkit-calendar-picker-indicator

这个是控制选择日期的部分，也就这个部位

找到它你就可以修改成你自己想要的样式。

input[type="date"]::-webkit-datetime-edit {
    display: none;
    visibility: hidden;
}

这个伪元素，是input的编辑部分，也就是显示部分。

找到了这里，也就能修改成自己想要的样式了。

还有一些浏览器，还有一个上下的箭头部分，我们大部分也不需要，所以也要找到它们修改。

input[type="date"]::-webkit-inner-spin-button { visibility: hidden; }

这个就是选择那个上下箭头的，这样就可以隐藏它们了。

还有一些其它选择器，我不是常用就不记录了。