摘要 今天小编就给大家讲解一下HTML5输入颜色修改示例。 相信朋友们应该关注这个话题。 小编还收集了HTML5的相关资料
今天给大家讲解一下HTML5输入颜色修改的例子。 我相信你应该关注这个话题。 我还收集了HTML5输入颜色修改示例的相关信息。 我希望你已经读过。 帮助。
支持 input=[type=text] 占位符文本属性，但以下 CSS 样式不起作用： CSS 复制代码代码如下： input[], [], *[] { color:red !; } HTML输入语句复制代码 代码如下： 运行结果值依然是灰色 颜色：红色没有效果。 有什么办法可以改变占位符文本的颜色吗？ 我在浏览器中安装了占位符文本插件，但它仍然不起作用。 （！只有IE7才能识别） 答：：有三种实现：伪元素（-）、伪类（-）和。 和 Blink(, , +) 使用伪元素复制代码如下： ::--input- 4-18 使用伪类复制代码如下： :-moz- 19+ 使用伪元素复制代码如下： ::-moz - IE10 使用伪类复制代码 代码如下： :-ms-input- IE9 及以下版本中的 CSS 选择器不支持占位符文本。
需要注意的是，伪元素将扮演 DOM 中元素的真实角色。 需要为每个浏览器单独设置 CSS 选择器，因为每个浏览器的 CSS 选择器都不同。 复制代码代码如下：::--input- { color: #999; } :-moz- { color: #999; } ::-moz- { 颜色: #999; } :-ms-input- { 颜色: #999; } Matt: (文本框可以拉伸) 样式的代码如下： 复制代码 代码如下： input:: --input-, ::--input- { color: #; } 输入：-moz-, :-moz- { 颜色：#; } ：input和input的字体颜色都是红色。
所有样式都应基于不同的选择器。 不要打包整个过程，因为其中一个会失败，其他也会失败。 复制代码代码如下： *::--input- { color: red; } *:-moz- { 颜色：红色； } *:-ms-input- { 颜色: 红色; James：在 IE 中用普通输入文本颜色覆盖占位符颜色的方法中：复制代码代码如下：::--input- { color: red; 文本-： ; } :-moz- { 颜色: # !; 文本-： ; } ::-moz- { 颜色：# !; 文本-： ; } :-ms-input- { color: # !; 文本-： ; 还有一个好办法：复制代码 代码如下： input::--input-, ::--input- { color: #666; } 输入：-moz-, :-moz- { 颜色：#666; } 输入::-moz-, ::-moz - { 颜色: #666; } 输入：-ms-input-, :-ms-input- { 颜色：#666; 最后一种是在网上找到的：复制代码如下： $('[]') .focus(() { var input = $(this); if (input.val() == input.attr( '')) { input.val(''); input.(''); } }) .blur(() { var input = $(this); if (input.val() == '' || input.val() == input.attr('')) { input.(''); input.val(input.attr('')); } }).blur(); $('[]').('form').(() { $(this).find('[]' ).each(() { var input = $(this); if (input.val( ) == input.attr('')) { input.val(''); } }) }); 此代码调用的经验法则是首先加载，然后使用 CSS 修改占位符属性。
复制代码代码如下： form . { 颜色：#222； 字体大小：25px； } : 无需 CSS 和占位符文本即可获得相同的效果。 复制代码 代码如下： input type="text" value="text" ="this.style.color='#000'; this.value='';"/>
