I do not want to display the spinner on a number field. I've tried adding this to the header code but it does not work:

/* Remove spin buttons for all number inputs */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}

input[type="number"] {
-moz-appearance: textfield;
text-align: center;
font-size: 1.25rem;
font-weight: bold;
}

Any suggestions?

Thanks,
Eldon

Was able to fix the problem by changing the code to the following:
<style>
/* Force spinner removal for WebKit (Chrome, Safari, Edge) */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}

/* Firefox spinner removal + styling */
input[type="number"] {
-moz-appearance: textfield !important;
text-align: center;
font-size: 1.25rem;
font-weight: bold;
}
</style>

Later,
Eldon

Hi Eldon, Your two posts above here sound as if they have been taken out from the middle of a discussion. What are you trying to accomplish, and what kind of 'spinner' are you talking about? Could you let us have a look?

Eldon is referring to a number input having spinner dial in a form.