5.00 / 1 oy

HTML5 sayı input'larından butonları kaldırmak

Güncel tarayıcılar tarafından desteklenen input number'larındaki artı eksi butonları yüzünden cursor ile aşağı ya da yukarı her kaydırma yaptığımda yazdığım değerler değişiyor. CSS ile bu butonları nasıl kaldırabilirim ben?

mbologlu

27.07.2019 15:12

Bu soru 2 kez yanıtlandı.

  • 27 Temmuz 2019 19:16
    18

    Şöyle sert bir konsol yazılımı sorusu gelsin de bir tek ben yanıtlayayım diye bekliyorum ama varsa yoksa htll javascript css, madem öyle açılın doktor geldi :)

    Buton derken spinner'lardan bahsediyorsun sanırım, aşağıdaki gibi sağ taraftaki artı eksi butonları yani

    <input id="deneme" type="number">

    html number input spinner

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

    Bu css stilleri ile güncel tarayıcılarda spinner'lar ortadan kalkmış olurlar, aynı zamanda da type=number olduğu için sayı dışında bir şey de yazılamamış olur bu alanlara.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
HTML5 sayı input'larından butonları kaldırmak

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.