bootstrap导致chrome中的<input type="date"/>和<input type="datetime-local"/>中的下拉箭头消失
项目中使用了bootstrp,结果发现在Chrome中,类型为<input type="date"/>和<input type="datetime-local"/>中的下拉箭头消失了
查了下资料,据说是chrome的BUG,而且只是chrome 25系列版本的BUG
解决办法,就是加上如下的CSS,说白了,就是调整箭头和上下选择按钮的位置
input::-webkit-inner-spin-button { display:inline-block; float:right; } input::-webkit-calendar-picker-indicator{ display: inline-block; float:right; margin-top:2%; }
要精确一点,就加上类型限定
input[type="date"]::-webkit-inner-spin-button { display:inline-block; float:right; } input[type="date"]::-webkit-calendar-picker-indicator{ display: inline-block; float:right; margin-top:2%; }