我可以在Chrome和Firefox中使HTML5日期输入看起来一样吗?

shr*_*ram 1 html browser mozilla google-chrome cross-browser

我的代码很简单:

<input type="date">
Run Code Online (Sandbox Code Playgroud)

在Firefox和Chrome中运行它时,我得到两种不同的设计:

Firefox:

Firefox的屏幕截图

铬:

Chrome的屏幕截图

不仅设计有所不同,功能也有所不同。在Mozilla中,当我在日期框内单击时,它将显示日期,但是在Chrome中,如果我们要日期框,则应单击下拉箭头符号。

是否有任何方法可以更改功能和设计,以使其在两种浏览器中都可以正常工作并且外观相同?

Nuw*_*tta 5

从一个浏览器到另一个浏览器,它是不同的。但是,最终结果将被添加到输入字段中。

控件的UI,一般从浏览器变化到浏览器

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input/date

定制的DatePicker

如果您需要此字段应与每个浏览器相同,请使用自定义Javascript生成的日期选择器。