不带日期选择器的html日期输入

我有一个简单的日期输入

<input type="date" id="sign-up-dob" class="sign-inputs" max="2999-12-31"></input>

看起来是这样的：

---

我怎样才能去掉右边打开日期选择器的箭头和东西呢。我只需要它，这样您就可以键入带有验证的日期，谢谢。

只需在文本输入上使用

模式

属性：

输入：无效{
颜色：红色；
}
[type=“date”]：：-webkit内部旋转按钮{
显示：无；
}
[type=“date”]：：-webkit日历选取器指示器{
显示：无；
}

输入日期（YYYY-MM-DD）：

供参考

webshim.setOptions（'forms-ext'{
replaceUI:'自动'，
类型：“日期”，
日期：{
startView:2，
inlinePicker：没错，
类：“隐藏inputbtns”
}
});
webshim.setOptions（'forms'{
lazyCustomMessages：真的
});
//开始填充
polyfill（'forms ext'）；
//最后一个使用格式显示的示例
$（函数（）{
$（'.format date'）。每个（函数（）{
变量$display=$（'.date display'，this）；
$（this）.on（'change'，函数（e）{
//webshim.format将根据webshim.activeLang或浏览器区域设置自动格式化日期
var localizedDate=webshim.format.date（$.prop（例如target，'value'）；
$display.html（本地化数据）；
});
});
});
.hide-replaced.ws-inputreplace{
显示：无！重要；
}
.输入选取器.选取器列表td>button.othermonth{
颜色：#888888；
背景：#fff；
}
.ws-inline-picker.ws-size-2、.ws-inline-picker.ws-size-4{
宽度：49.6154em；
}
.ws-size-4.ws-index-0.ws-size-4.ws-index-1{
边框底部：0.07692em实心#eee；
垫底：1米；
边缘底部：0.5em；
}
.picker-list.ws-index-2、.picker-list.ws-index-3{
边缘顶部：3.5em；
}
div.ws-无效输入{
边框颜色：#c88；
}
.ws无效标签{
颜色：#933；
}
div.ws-success输入{
边框颜色：#8c8；
}
形式{
利润率：10px自动；
宽度：700px；
最小宽度：49.6154em；
边框：1px实心#000；
填充：10px；
}
.表格行{
填充物：5px10px；
保证金：5px0；
}
标签{
显示：块；
保证金：3px0；
}
.表格行输入{
宽度：220px；
填充物：3px 1px；
边框：1px实心#ccc；
盒影：无；
}
.表格行输入[type=“checkbox”]{
宽度：15px；
}
.日期显示{
显示：内联块；
最小宽度：200px；
填充物：5px；
边框：1px实心#ccc；
最小高度：1米；
}
.显示输入BTN.输入按钮{
显示：内联块；
}

1没有可见输入的日历
hmm，这不是最人性化的：/噢，我误解了，你的意思是你想要日期选择器，只是没有按钮来打开它？只是把它作为第二种选择