HTML input type="number" butons on mobile

Question

I am trying to get the up/down arrows to appear next to an input element with type="number" in Chrome on android. I've added CSS to give them opacity=1 but they still don't show up. They appear fine on desktop.

Hey you can find the solution here https://stackoverflow.com/questions/25194631/is-it-possible-to-always-show-up-down-arrows-for-input-number — Anshu, Jun 16 '20 at 17:22
as stated, I'm trying to get them to show on mobile. that answer does not work. — LEGEND383, Jun 16 '20 at 17:29

score 0 · Answer 1 · answered Jun 16 '20 at 16:55

0

can you try this?

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;

}

answered Jun 16 '20 at 16:55

Red Baron

7,181
10
39
86

that's the code I used to set their opacity, but they still don't show – LEGEND383 Jun 16 '20 at 17:17
are you able to inspect the element and see why it's not showing? – Red Baron Jun 16 '20 at 17:17
not on mobile unfortunatley, unless someone knows how to do that – LEGEND383 Jun 16 '20 at 17:29
it's easy if you are using safari and an iphone – Red Baron Jun 16 '20 at 17:30
as stated, I'm using chrome on android – LEGEND383 Jun 16 '20 at 17:41
ah yes my bad. there's probably a way though? google will know – Red Baron Jun 16 '20 at 17:42

HTML input type="number" butons on mobile

1 Answers1