Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Can't disable number input arrows in forms

  • 3 vastust
  • 0 on selline probleem
  • 44 views
  • Viimati vastas TyDraniu

more options

Hi,

As the subject says, i cannot remove the up and down arrows from forms that have a numerical input even though autofill/history options are cleared and disabled. I've even tried deleting cookies, cache, site data and so on, to no avail. I've also tried a clean terminal with no extensions installed and i have the same issue. Other browsers do not have this issue on the exact same form. I am at a loss, any assistance would be appreciated.

Hi, As the subject says, i cannot remove the up and down arrows from forms that have a numerical input even though autofill/history options are cleared and disabled. I've even tried deleting cookies, cache, site data and so on, to no avail. I've also tried a clean terminal with no extensions installed and i have the same issue. Other browsers do not have this issue on the exact same form. I am at a loss, any assistance would be appreciated.
Attached screenshots

All Replies (3)

more options

Can you share the working testcase of this input field? On https://codepen.io for instance?

Helpful?

more options

What ways did you try to hide the spinners?

Possible CSS code for userContent.css:

input[type=number] {-moz-appearance: textfield !important}
input[type=number]:not(:focus)::-moz-number-spin-box {display:none !important}

Helpful?

more options

This is default view of this input in Firefox right now. In version 125 stepper arrows will be visible only on mouse hover.

Helpful?

Küsimuse postitamine

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.