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 replies
  • 0 have this problem
  • 1 view
  • Last reply by 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?

Ask a question

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