Benjamin Golya
Benjamin Golya

Reputation: 21

Any solution to remove clear button <input type="time"/> on Firefox?

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;
}

See the Image of output

Upvotes: 2

Views: 5593

Answers (2)

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

Source: I reviewed https://bugzilla.mozilla.org/show_bug.cgi?id=1479708. :)

Upvotes: 4

Milan Zaveri
Milan Zaveri

Reputation: 90

You can try this

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

Upvotes: -2

Related Questions