Изменение стиля ввода при вводе текста с использованием только CSS

Question

Я разрабатываю страницу, на которой мне предоставлен только доступ к файлам CSS.

Я ищу, чтобы изменить стиль элемента ввода, если это значение не пусто.

Вот что я до сих пор ...

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

и

input { 
    font-style:italic; 
} 

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

Это не работает, хотя, как текст никогда не курсивом.

Возможно ли это достичь с учетом того, что я могу редактировать только файл CSS.?

Answer 1

Похоже, вы используете HTML5 ... если это так просто изменить ваш ЗАПОЛНИТЕЛЬ тег

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

Может быть, вы хотите:

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

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

Answer 3

Я думаю, что то, что вы хотите сделать, - это стиль держателя места. Попробуйте!

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