Öncelikle cep telefonu kullanıcıları için ama masaüstü çok olan bir site var.

Mobil Safari, <input type="number"> kullanarak büyük tek sayılar içermelidir girdi alanları üzerinde nümerik klavye getiriyor Çünkü çalışır.

Ve ancak numarasını kullanarak Chrome, Safari giriş tasarımımda bok gibi görünen alan, sağ tarafında spin düğmeleri görüntüler. Gerçekten 6 basamaklı bir sayı gibi bir şey yazmak için gereken zaman işe yaramaz, çünkü onlar düğmeleri gerek yok.

-webkit-appearance veya başka bir CSS hilesi ile bu devre dışı bırakmak mümkün mü? Hiç ümidim yok ama denedim.

Bunun cevabı ikinci bir bölümü olduğunu keşfettim.

The first portion bana yardımcı oldu, ama ben hala type=number benim giriş sağ tarafında bir boşluk vardı. Giriş kar marjı, ama görünüşe göre değer değişimi kar marjı sıfır de vardı hesapta para vardı.

Bu tamir:

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