Any solution to remove clear button on Firefox?

Question

I tried to disable-hide the clear button and didn't work for Firefox.

But on Chrome, Edge, Safari it works fine. Any idea why? Is there a solution?

Following is the CSS:

input[type="time"]::-webkit-clear-button {
  display: none;
}

already answer here - https://stackoverflow.com/questions/19655250/is-it-possible-to-disable-input-time-clear-button — Luís P. A., Mar 10 '20 at 14:49
Does this answer your question? [Is it possible to disable input=time clear button](https://stackoverflow.com/questions/19655250/is-it-possible-to-disable-input-time-clear-button) — Mr T, Mar 10 '20 at 15:11
yeah, i already found that question before, but i didn't get any answer why in firefox doesn't work, or how can i make it — Benjamin Golya, Mar 10 '20 at 15:12

score 4 · Answer 1 · answered Mar 10 '20 at 19:43

4

<input type="time" required> hides the reset button.

answered Mar 10 '20 at 19:43

score -2 · Answer 2 · answered Mar 10 '20 at 14:51

-2

You can try this

input[type="time"]::-webkit-clear-button {
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
}

answered Mar 10 '20 at 14:51

Milan Zaveri

2

doesn't work on Firefox :( still there the clear icon – Benjamin Golya Mar 10 '20 at 14:54
You could also try this yourself before posting it and see that it doesn't resolve the problem at all. – Oliver Salzburg Jun 21 '22 at 11:46

2 Answers2