Question

大家好！

[编辑]

看一下fiddle I created，看起来里面的页脚元素占位符样式不起作用。知道怎么克服这个吗？

我试图使用：

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:    #3d3d3d!important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #3d3d3d!important;
   opacity:  1!important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #3d3d3d!important;
   opacity:  1!important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #3d3d3d!important;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #3d3d3d!important;
}

以及：

footer::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:    #3d3d3d!important;
}

并没有帮助。

请记住，我想为占位符文本和用户输入的输入文本添加单独的颜色。

知道从哪里开始？

Answer 1

好的，这真的很愚蠢。添加到input元素的javascript：

<input type="text" name="woochimp_widget_subscription[email]" id="woochimp_widget_subscription_email" class="woochimp_widget_field" required="" value="Enter your email..." onfocus="this.value='';" onblur="if(this.value=='')this.value='Enter your email...';" />

删除js代码并添加placeholder属性：

<input type="text" name="woochimp_widget_subscription[email]" id="woochimp_widget_subscription_email" class="woochimp_widget_field" required="" value="Enter your email..." placeholder="Enter you email..." />

它开始工作得很好。

谢谢大家的帮助！

Answer 2

它可能没什么区别，但请尝试移动注释，使它们不属于样式声明。

另外，不要忘记包括：

::-ms-input-placeholder {color: #3d3d3d;}  /* Edge */

完整风格：

::-webkit-input-placeholder {color: #3d3d3d;} /* WebKit, Blink and Opera */

:-moz-placeholder {color: #3d3d3d; opacity: 1;} /* Mozilla Firefox 4 to 18 */

::-moz-placeholder {color: #3d3d3d; opacity: 1;} /* Mozilla Firefox 19+ */

:-ms-input-placeholder {color: #3d3d3d;} /* Internet Explorer 10-11 */

::-ms-input-placeholder {color: #3d3d3d;}  /* Edge */

:placeholder-shown {color: #3d3d3d;} /* CSS Level 4 Selector */

Answer 3

UILocalNotification

我已经改变了你的小提琴中的css线，希望这会对你有帮助。

在页脚元素中设置输入的占位符颜色不起作用

3 个答案: