# Removing element from an input field

**URL:** <https://forum.klai.studio/t/removing-element-from-an-input-field/191>\
**Category:** Support\
**Created:** [October 9, 2020, 8:21pm UTC](https://forum.klai.studio/t/removing-element-from-an-input-field/191 "2020-10-09T20:21:43Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![oceanwest](https://forum.klai.studio/letter_avatar_proxy/v4/letter/o/ce7236/32.png) [@oceanwest](https://forum.klai.studio/u/oceanwest)\
**Post date:** [October 9, 2020, 8:21pm UTC](https://forum.klai.studio/t/removing-element-from-an-input-field/191/1 "2020-10-09T20:21:43Z")

</div>

![screen_shot_2020-10-09_at_11.10.08_am](https://forum.fmbetterforms.com/uploads/default/original/1X/7746640516321c96ba1084a125c54bf7c7dab9cd.png)

How do you remove the up/down arrow from a number input field?

---

<div class="post-metadata">

**Author:** ![delfs](https://forum.klai.studio/user_avatar/forum.klai.studio/delfs/32/411_2.png) [@delfs](https://forum.klai.studio/u/delfs)\
**Post date:** [October 9, 2020, 8:27pm UTC](https://forum.klai.studio/t/removing-element-from-an-input-field/191/2 "2020-10-09T20:27:05Z")

</div>

This is added by many browsers, you can target this via CSS to remove.  
Here is a snippet that should do the trick.

```auto
/* HIDE NUMBER ARROWS */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

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

```