# Disable Scroll input for Number Entry Component

**URL:** <https://community.glideapps.com/t/disable-scroll-input-for-number-entry-component/76125>\
**Category:** Ask for Help\
**Created:** [September 4, 2024, 3:53pm UTC](https://community.glideapps.com/t/disable-scroll-input-for-number-entry-component/76125 "2024-09-04T15:53:51Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Curtis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/curtis/32/59826_2.png) [@Curtis](https://community.glideapps.com/u/Curtis)\
**Post date:** [September 4, 2024, 3:53pm UTC](https://community.glideapps.com/t/disable-scroll-input-for-number-entry-component/76125/1 "2024-09-04T15:53:51Z")

</div>

Is it possible to disable the scroll input for number entry components?

We don’t tend to use scroll for input or adjustments and it just leads to errors when users accidentally scroll the form.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 4, 2024, 11:57pm UTC](https://community.glideapps.com/t/disable-scroll-input-for-number-entry-component/76125/2 "2024-09-04T23:57:24Z")

</div>

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

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

```

Please try this CSS.

---

<div class="post-metadata">

**Author:** ![Curtis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/curtis/32/59826_2.png) [@Curtis](https://community.glideapps.com/u/Curtis)\
**Post date:** [September 5, 2024, 9:01am UTC](https://community.glideapps.com/t/disable-scroll-input-for-number-entry-component/76125/3 "2024-09-05T09:01:14Z")

</div>

Sadly we don’t have access to custom CSS on our legacy pro account.