使用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 ...如果是这样，只需编辑您的PLACEHOLDER标签

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