【问题标题】:Can I make a HTML5 date input look the same in both Chrome and Firefox?我可以让 HTML5 日期输入在 Chrome 和 Firefox 中看起来相同吗?
【发布时间】:2018-08-10 15:39:13
【问题描述】:

我的代码很简单:

<input type="date">

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

火狐:

铬:

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

有什么方法可以改变功能和设计,使其在两种浏览器中都能正常工作和外观?

【问题讨论】:

  • 在网上搜索日期选择器
  • 感谢您的回复,但如果没有 Datepicker,有什么办法......因为我们的任务没有使用 datepicker。对不起,我忘了提到这一点。 @mplungjan
  • 就是这样。如果你不喜欢它并且不允许使用日期选择器,你将不得不自己滚动
  • “设计被改变”是什么意思?是否曾经有两个开发团队同意实施相同的 UI 设计?

标签: html google-chrome browser cross-browser mozilla


【解决方案1】:

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

控件的 UI 通常因浏览器而异

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

自定义日期选择器

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-02-15
    • 2016-05-26
    • 2022-01-02
    • 2013-08-06
    • 2012-05-30
    • 2015-08-30
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多