Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Turning off the arrows in a number field when input is disabled?

I am guessing this is done via CSS but I want it to effect only disabled fields. Would I make a class for those fields and then apply some effect to hide them?
1401860963
Alex L.
Pro
Sheet Author
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } First one is for chrome second is for firefox.
Not every number field is disabled though. I only want the disabled fields to drop the spin buttons.
1401863289
Alex L.
Pro
Sheet Author
Michael P. said: Not every number field is disabled though. I only want the disabled fields to drop the spin buttons. ..... then use the disabled selector
1401876727

Edited 1401877237
Actoba
Pro
Sheet Author
Are you still seeing the number spinner on disabled fields? What browser? Edit : Nvm i see it in firefox. As Alex mentioned above using something like the css below will remove the spinner from disabled number fields in firefox. Chrome should auto remove them these days. input[type=number]:disabled { -moz-appearance: textfield; }
Gotcha.