0

For number based fields in django a incrementor widget is placed to the righ in each textbox. How can I remove this?

enter image description here

Atma
  • 29,141
  • 56
  • 198
  • 299

1 Answers1

0

Apparently it is an html5 thing and is called a spinner. It can be solved with this css:

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

Referenced from: Can I hide the HTML5 number input’s spin box?

Community
  • 1
  • 1
Atma
  • 29,141
  • 56
  • 198
  • 299