Krom numarası alanı yatay kaydırma

İçinde metin sağa hizalanmış bir sayı alanı oluşturdum.Krom numarası alanı yatay kaydırma

usecase:

ben yaklaşık 1px için metin kaydırma mümkündür fark kaydırmak için giriş alanı içinde senin orta fare düğmesini kullandığınızda tam metnini veya seçerseniz sola. Şimdiye kadar sadece numaralı Chrome numaralı telefondaki bu davranışı provoke edebildim.

Bu kodla eylem görebilirsiniz:

<input type="number" value="15" style="text-align: right;" />

Çözüm:

Herhalde eleman kaydırma devre dışı olabilir ama sana sormak istedim Bu düzeltmek için zarif bir yol varsa, . http://codepen.io/anon/pen/mEmAvz

kaynak

2016-06-30 pluga

Yapabileceğim tek münhasıran bu yanı Chromium'da olur onaylamak ve olduğunu düşünüyorum , Söyleyebildiğim kadarıyla. Chromium'un sayı artırma/azaltma düğmelerinin uygulanmasıyla basit bir aksaklık gibi görünüyor. Birkaç ayar ile gerçekten hızlı oynadım, ama zar yok. – TheThirdMan

@makshh Cevabınız için teşekkür ederiz! Bu iş parçasındaki kişi, alan kaydırıldığında gerçekleşen sayının değişimini devre dışı bırakmak istedi. Metin seçildiğinde/orta kulak düğmesine basıldığında, sayının birkaç Piksel tarafından kaydırıldığı bir görsel problemim var. – pluga

Ve bu sadece "metin align: right" ile olur? – makshh

Sen kalk ile metin girinti kullanabilirsiniz:

Burada kodunu görebilirsiniz. böylece gibi:

html { 
box-sizing: border-box; 
} 

*, *:before, *:after { 
box-sizing: inherit; 
} 

input { 
    width: 100%; 
    text-indent: calc(100% - 1.5em); 
    font-size: 1em; 
}

https://jsfiddle.net/VilleKoo/u2ead3gz/1/

kaynak

2016-07-06 17:55:03 VilleKoo

"999999" gibi bir şey yazmaya çalışın ve netleme yapın. – makshh

-2

Ben tam olarak istediğiniz anlayamadım ama çok
<input type="number" style="text-indent: calc(100% - 1.5em);" />

kaynak

2016-07-08 11:16:49

Krom numarası alanı yatay kaydırma

cevap

İlgili konular