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%;
}

  

posted @ 2013-03-20 15:22  灰色逻辑  阅读(1617)  评论(0编辑  收藏  举报