2013-04-09 16 views
5

ile girildiğinde giriş stilini değiştirmek için CSS dosyalarına yalnızca erişim verdiğim bir sayfa yapıyorum.Yalnızca CSS

Değer boş değilse, giriş öğesinin stilini değiştirmeyi arıyorum.

İşte ... Ben bugüne kadar ne

<input id="myInput" type="text" name="myInput" autocomplete="off" placeholder="Enter your Card Number"> 

ve

input { 
    font-style:italic; 
} 

input:not([value='']) { 
    font-style:normal; 
} 

metin italik olarak asla bu olsa çalışmaz bu.

Bunu dikkate almak mümkün mü, sadece CSS dosyasını düzenleyebilirim. Kullandığınız gibi

+0

Burada sahip olduğunuz tek çözüm, ': focus' üzerinde değiştirmek. Ama elbette ki bu giriş bulanıklaşır çekilmez. Yapmaya çalıştığınız şeyi elde etmek için JavaScript kullanmanız gerekir. – BenM

+0

Kodunuz (en azından Chrome'da) çalışır, ancak yalnızca sayfaya yüklendiğinde değişiklik yapıldığında değişiklik yapıldığında değişiklik yapıldığında çalışır. – j08691

cevap

4

görünüyor HTML5 ... yani sadece YERTUTAN etiketi düzenlerseniz

::-webkit-input-placeholder {font-style: italic} /*Chrome */ 
:-moz-placeholder {font-style: italic} /*ff*/ 
:-ms-input-placeholder {font-style: italic} /*ie latest */ 

JSFIDDLE:

http://jsfiddle.net/Riskbreaker/wCff9/

1

Belki bu istiyorum:

input::-webkit-input-placeholder { 
    font-style: italic; 
} 
input[type=text] { 
    font-style:normal; 
} 

http://jsfiddle.net/Le6XM/1/

0

Yapmak istediklerinizin yer tutucu olduğunu düşünüyorum. Bunu bir deneyin!

 input { 
      font-style:italic; 
     } 

     ::-webkit-input-placeholder { 
      font-style:normal; 
     } 

     :-moz-placeholder { /* Firefox 18- */ 
      font-style:normal; 
     } 

     ::-moz-placeholder { /* Firefox 19+ */ 
      font-style:normal; 
     } 

     :-ms-input-placeholder { 
      font-style:normal; 
     }