Zmień styl wprowadzania tekstu wprowadzonego przy użyciu tylko CSS

Question

Stylizuję stronę, na której mam dostęp tylko do plików CSS.

Szukam zmienić styl elementu wejściowego, jeśli jego wartość nie jest pusta.

Oto co mam tak daleko ...

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

i

input { 
    font-style:italic; 
} 

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

to nie działa choć jak tekst nigdy nie jest kursywą.

Czy jest to możliwe, biorąc pod uwagę, że mogę edytować plik CSS?

Answer 1

Wygląda na to, że używasz HTML5 ... jeśli tak właśnie zmieniać swoją PLACEHOLDER tag

::-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/

Answer 2

Może chcesz to:

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

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

Answer 3

Myślę, że to, co chcesz zrobić, to styl właściciela. Wypróbuj to!

 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; 
     }