Clear (x) button removal - Input date type

#1

Is there a way to remove clear button from the input field?

Screenshot from 2018-02-12 21-05-48.png849x55 1.39 KB

#2

I think that only comes in some versions of IE... By running a quick google search I think this thread contains the answer to your question:

#3

No the screenshot I sent is Firefox. I saw that example already and tried it. Didnt work.Of course example from stackoverflow shows this...

input[type=text]::-ms-clear { display: none; }

Which I changed to this...

input[type=date]::-moz-clear { display: none; }

I didn’t have any luck with that either ):

Most of the online solution show variations of this example and i tried bunch of them ):

#4

Hi,
From what I see in the examples at MDN is that the clear button only shows up when you set a value.

For example, this does make a clear button...
<input id="date" type="date" value="2017-06-01">

This does not make a clear button...
<input id="date" type="date">

EDIT:
I see it shows back up when the user enters a value too

#5

Yeah it seems very tricky to remove it. I looked up what others have done and didnt have any luck at all

closed #6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.