为提升您的使用体验,本站正在维护,部分功能暂时无法使用。如果本站文章无法解决您的问题,您想要向社区提问的话,请到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 提问,我们的支持社区将会很快回复您的疑问。

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

input[type="time"] styling not working in Firefox 57 (for example ::-webkit-clear-button)

more options

After updating to Firefox 57 stopped working font and any pseudo elements css styling in input[type="time"]

Fiddle: https://jsfiddle.net/han4tt3p/

Similar stackoverflow question: https://stackoverflow.com/questions/47367772/remove-the-x-clear-button-from-the-input-type-date-and-change-the-font-famil/47368330#47368330

After updating to Firefox 57 stopped working font and any pseudo elements css styling in input[type="time"] Fiddle: https://jsfiddle.net/han4tt3p/ Similar stackoverflow question: https://stackoverflow.com/questions/47367772/remove-the-x-clear-button-from-the-input-type-date-and-change-the-font-famil/47368330#47368330

由nexidan于修改

所有回复 (6)

more options

up

Bug is really annoying

more options

As you can see you are not going to get a answer to your question. It will be moving to page 2 and will be gone. This is not the purpose of Firefox Volunteer Support to help you figure out how to hack specific parts of it. Find your information elsewhere.

Regards Firefox Volunteer Support

more options
more options

This reminds me of posts made when some other HTML5 input types were introduced natively in Firefox and workarounds through jQuery or other libraries were preempted, breaking some desired functionality. If you do not like the native implementation, you could continue scripting around it.

more options

Pkshadow said

As you can see you are not going to get a answer to your question. It will be moving to page 2 and will be gone. This is not the purpose of Firefox Volunteer Support to help you figure out how to hack specific parts of it. Find your information elsewhere. Regards Firefox Volunteer Support

Created bug at bugzilla, it was a little bit hard to find proper place to submit a bug.

jscher2000 said

This reminds me of posts made when some other HTML5 input types were introduced natively in Firefox and workarounds through jQuery or other libraries were preempted, breaking some desired functionality. If you do not like the native implementation, you could continue scripting around it.

This bug just broke all compatibility with older versions of firefox. Besides, even font styling on input isn't working, so it's clearly bug. It's better not to answer on questions if you aren't familiar with such kind of things or just not properly checked.

more options

nexidan said

This bug just broke all compatibility with older versions of firefox. Besides, even font styling on input isn't working, so it's clearly bug.

In earlier versions of Firefox, the type="time" attribute was ignored and Firefox displayed the input as type="text". There was a dom.forms.datetime preference users could switch from false to true in about:config to use the current time control, but most likely neither you nor anyone else using your site was using a time control before.

I have attached comparison screenshots of

https://jsfiddle.net/vybhv3u5/1/

from Firefox 57 and Firefox 52 esr.

Font. The font face for type="time" appears locked to the user's default monospace font. It's hard to see why web authors should not be allowed to change this.

Clear Button. Neither version of Firefox recognized "::-webkit-clear-button" or any similar clear-button property. You can confirm this by searching in the source code:

Firefox 57 (current release): https://dxr.mozilla.org/mozilla-release/source/

Firefox 52 ESR: https://dxr.mozilla.org/mozilla-esr52/source/

Should web authors be able to hide the clear button? I can't see any way to clear a time control without that button. If you hide it, I'll need something like a Clear command on the right-click context menu to replace it.