html – 使用CSS输入文本时改变输入样式

概述我正在设置一个页面,我只能访问CSS文件. 我想改变输入元素的样式,如果它的值不是空白. 这是我到目前为止所拥有的…… <input id="myInput" type="text" name="myInput" autocomplete="off" placeholder="Enter your Card Number"> 和 input { font-style:italic; } 我正在设置一个页面,我只能访问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文件,甚至可以实现这一点.

解决方法 看起来您正在使用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/

总结

以上是内存溢出为你收集整理的html – 使用CSS输入文本时改变输入样式全部内容，希望文章能够帮你解决html – 使用CSS输入文本时改变输入样式所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。