2014-08-07 24 views
33

Yer tutucuyu büyük harf yapmadan bir giriş değeri büyük yapmak için bir yol var mı?Yer tutucuyu etkilemeden CSS'de giriş değerini büyük harf yapın

Birini veya diğerini alıyorum gibi görünüyor. Bunu sadece CSS (JS son çare) kullanarak temizlemeyi tercih ederim.

enter image description here

+0

Geçerli kodunuzu bir kemanın içine taşıyın ve sorunuzdaki HTML/CSS'yi gösterin. – misterManSam

+2

bu sayfaya bir göz atın http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css – MujtabaFR

+0

Lol kullanıcıları yer tutucu küçükse ve değeri türleri büyük harfle gösterilecekti. – vusan

cevap

63

Her tarayıcı motoru placeholder stil kontrol etmek için farklı bir uygulama vardır. Aşağıdaki kullanın:

jsBin example.

input { 
    text-transform: uppercase; 
} 
::-webkit-input-placeholder { /* WebKit browsers */ 
    text-transform: none; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    text-transform: none; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    text-transform: none; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    text-transform: none; 
} 
::placeholder { /* Recent browsers */ 
    text-transform: none; 
} 

Tabii

söylemek, bu sadece eser tutucuları işleyebilir tarayıcılarda. (IE9/10 +)

+1

@ShyamBabuKushwaha - [Bana iyi görünüyor] (http://jsbin.com/gubef/1/edit). Sadece özellikleri doğru sırayla düzenleyin. CSS 101 :) – misterManSam

+0

@misterManSam Teşekkürler, jsbin'inizden sonra düzenlendi! –

+1

Cevabını çalıştığını bildiğimiz gibi yanıtladım ve buna jsBin bağlantısını ekledim :) – misterManSam

İlgili konular