0

I can't do it even though I've tried many ways: show code:

<div className="bg-transparent pl-3 text-lg w-18  outline-none focus:outline-none hover:outline-none appearance-none hover:appearance-none focus:appearance-none  font-semibold">
Chux
  • 1,196
  • 1
  • 9
  • 24
Nguyễn Văn Hiệp
  • 11
  • 1
  • 1
  • 1
    Tailwind don't have i guess BTW you can do https://stackoverflow.com/questions/50823182/material-ui-remove-up-down-arrow-dials-from-textview/50824080#50824080 this – Shubhanu Sharma Apr 15 '22 at 03:00

1 Answers1

2

if anyone is still looking for this, the solution can be found here: https://stackoverflow.com/a/71297126/15199227

In your global.css you have to add:

@layer base {
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
}
TOPAiiN
  • 161
  • 2
  • 6