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

标签 html google-chrome browser cross-browser mozilla

我的代码很简单:

<input type="date">

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

火狐:

Screenshot from Firefox

Chrome :

Screenshot from Chrome

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

有什么方法可以更改功能和设计,使其在两种浏览器中都能正常工作并看起来一样吗?

最佳答案

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

The control's UI varies in general from browser to browser

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

自定义日期选择器

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

关于html - 我可以让 HTML5 日期输入在 Chrome 和 Firefox 中看起来一样吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49068852/

相关文章:

javascript - 使用 foo 颜色框更改图像

google-chrome - Visual Studio 2013 调试在 Chrome 上挂起

css - 在 Chrome 中拖动时更改 HTML5 Canvas 上的光标

javascript - 我怎样才能 "performance detect"浏览器

php - 为什么 php class 类在尝试访问该类时给我错误

c# - Outlook 中的 UI 失真

javascript - Chrome、javascript 日期和 toLocaleString()

jQuery ajax 帖子被触发两次

javascript - 调整大小时如何让浏览器边框锁定到div?

javascript - 旋转木马 Bootstrap 上的过渡