问：HTML中如下图的这种带上下箭头选择框的效果如何实现？

要么使用插件，要么自己写了。原生的html里只能实现如下的效果，没法年月日分开呈现。

选择日期：<input type="date" value="2017-06-01" />

选择时间：<input type="time" value="22:52" />

选择星期：<input type="week" />

选择月份：<input type="month" />

这种效果可以用CSS来实现。方法是做一个这样的背景图片，右边是尖头。然后在CSS中添加到标签的背景中去：background:url(pic.jpg) right

要点是图片尽可以长一些，填充背景时应该是右对齐以便右侧永远会显示尖头。

望有用。

---