Join the Mozilla’s Test Days event from Dec 2–8 to test the new Firefox address bar on Firefox Beta 134 and get a chance to win Mozilla swag vouchers! 🎁

Avatar for Username

Pomoc pśepytaś

Glědajśo se wobšudy pomocy. Njenapominajomy was nigda, telefonowy numer zawołaś, SMS pósłaś abo wósobinske informacije pśeraźiś. Pšosym dajśo suspektnu aktiwitu z pomocu nastajenja „Znjewužywanje k wěsći daś“ k wěsći.

Dalšne informacije

Toś ta nitka jo se archiwěrowała. Pšosym stajśo nowe pšašanje, joli trjebaśo pomoc.

How do I edit "input [type=number]" spin buttons, using css?

  • 1 wótegrono
  • 1 ma toś ten problem
  • 1 naglěd
  • Slědne wótegrono wót Matthew Thomas

Engage
Engage
more options

The default arrow selectors are tiny and look like crap. I have went through many tutorials and websites that do not have code applied in FF or they tell me to use javascript. Why is there no css code selector in FF for those arrows?

This is code I found for Chrome: input[type=number]::-webkit-inner-spin-button{ }

So how would I edit the up and down arrows in FF?

The default arrow selectors are tiny and look like crap. I have went through many tutorials and websites that do not have code applied in FF or they tell me to use javascript. Why is there no css code selector in FF for those arrows? This is code I found for Chrome: input[type=number]::-webkit-inner-spin-button{ } So how would I edit the up and down arrows in FF?
Pśipowjesone fota wobrazowki

Wšykne wótegrona (1)

Matthew Thomas
Matthew Thomas
more options

Hello,

Basically, there just isn't an agreed upon standard for customizing these, so FF does not support any customization. You can see a note about this here: https://developer.mozilla.org/en-US/docs/Learn/Forms/Advanced_form_styling#Date_input_types

It points out that you could use 'tel' if you want to hide the arrows. No one is going to pretend that this is a great thing. It's unfortunate, but the web is still developing. We would all love to have these features now. However, fragmentation is a steep price for expediency.

I hope this is helpful!