How do you get rid of the input type="date" arrow box beside of the input?

Question

I've tried various things and have not found anything that works. I thought it would just be something like:


input[type="date"] {
    -webkit-appearance: none;
}

But this didn't work. Does any know how to remove them?

score 5 · Answer 1 · answered May 01 '11 at 23:20

5

input[type="date"]::-webkit-inner-spin-button{
    -webkit-appearance: none;
}

answered May 01 '11 at 23:20

Paul

Doesn't work for mobile browsers :( Any idea about that? – Shubham Jain Sep 21 '18 at 07:21
Perhaps this is a more modern answer? https://stackoverflow.com/a/43587645/239211 – Paul Sep 23 '18 at 18:50

score 2 · Answer 2 · edited May 23 '17 at 10:32

2

Take a look at this answer which deals with the spinners on input[type="number"] elements (found via this question).

edited May 23 '17 at 10:32

Community

answered May 01 '11 at 23:17

Ross

1

Says a lot about SO's usefulness when the first search result is straight back here :) – Ross May 01 '11 at 23:23

2 Answers2