Try to hide from input type number arrow with a reset but

HTML-CSS
1

Not seems to work?

Any idea why?

https://jsfiddle.net/aqtykseg/

Thank you!

3



See arrows next to box end. I use webkit and moz prefix to remove it but not idea why not hide it.

4

This does the trick

input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
}
5

This should work for Firefox.

input[type="number"] {
  -moz-appearance: textfield;
}
6

And on firefox? Btw in my list have same that why not work? You know? Thanks

7

What I posted does work on Firefox. Your code didn’t work because of the textfield-decoration stuff I think.

1 Like