Remove arrows from a number input

  • Dov

    1 month ago

    Is there a builtin way to remove arrows from an input? I tried adding the following to the css editor but it does not work -webkit-appearance: none
  • Miguel Costa

    1 month ago

    Hey πŸ‘‹ You can do it with:

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    }


    you need to put it in a style element and either reference all inputs (like above) or add a class to the input and reference that.
  • Dov

    1 month ago

    Thanks. I added a style element and worked.
    πŸ‘1

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code β€” but accessible to your entire team!

Try toddle β€” it's free!

Β© Copyright 2024 toddle. All rights reserved.