选择日期之后如何删除html 5中的X标记(清除按钮)[输入类型=“日期”]

时间:2018-01-19 06:44:27

标签: javascript html5 datepicker

我知道这似乎是一个重复的问题,但我仍然不清楚firefox中的清除按钮和chrome中的向上/向下箭头。它占据了我桌子的更多空间。我想删除这些功能。我真的不知道javascriptCSS中是否有任何功能 我试过这个:

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

但是,仍然得到相同的X标记。

enter image description here

1 个答案:

答案 0 :(得分:1)

在Chrome中,您可以使用

input[type="date"]::-webkit-inner-spin-button,    
input[type="date"]::-webkit-clear-button { display: none; }
另一方面,Firefox并不支持此。

使用第三方jQuery插件可能会更好。