本文介绍了为输入的占位符设置样式,我该如何做?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

例如,我有:

<input type='search' placeholder='Search' name='q' />

如何使用CSS样式化占位符?默认情况下它是灰色的,但我想它是黑色的。

How can I style the placeholder with CSS? By default it's gray, but I'd like it to be black. Do I have to use JavaScript instead?

推荐答案

没有标准的方法,并不是每个浏览器都支持占位符。

no standard way, and not every browser supports place holder yet.

这样应该可以。

/* prefix with input if you want, but this will catch input and texatrea */
  ::-webkit-input-placeholder {  color: #000;}
  :-moz-placeholder { color: #000; }

如果你想让旧的和新的浏览器支持占位符(IE6-9),似乎有一个jquery插件),这里是一个,
https://github.com/mathiasbynens/Placeholder-jQuery-Plugin
然而,我以前没有使用它。

if you want old and new browsers to support placeholder (IE6-9) there appears to be a jquery plugin(s), here is one,https://github.com/mathiasbynens/Placeholder-jQuery-Pluginhowever, I have not used it before.

这篇关于为输入的占位符设置样式,我该如何做?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-24 14:41