HTML Input Scroll Problemi

13-09-2019, 01:24:16

Merhabalar,
HTML konusunda maalesef pek bilgim yok, bir input tagi açtım fakat bu inputa yazı yazmak için tıklandığında input içinde scroll çıkıyor. Bunu nasıl iptal edebilirim acaba ?
http://prntscr.com/p5f4ma

<input type="number" max="5000" placeholder="0" class="form-control mb-2" name="inputv2">

13-09-2019, 01:31:02

#2

mehmetiscod

input tipinin "number" olmasından kaynaklıdır yukarı tıkladığınızda sayı artar aşağı tıkladığınızda sayı azalır. aşağıdaki css i tanımlarsanız sorununuz çözülecektir.

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

13-09-2019, 01:32:49

#3

SevincServices

mehmetiscod adlı üyeden alıntı: mesajı görüntüle

input tipinin "number" olmasından kaynaklıdır yukarı tıkladığınızda sayı artar aşağı tıkladığınızda sayı azalır. aşağıdaki css i tanımlarsanız sorununuz çözülecektir.

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

Çok teşekkürler, Google'da ne olarak aratacağımı bilemediğimden net sonuçlara ulaşamamıştım