像Facebook输入一样输入文本焦点

Question

我一直试图像Facebook的主页输入占位符那样输入。它的行为在IE8中并不相同。我需要一个jquery解决方案或css，它以浅灰色显示占位符文本，当你开始输入时，它变成了深灰色，就像在Facebook中一样。这是我写的代码，但由于CSS3，它在IE中不起作用。我试图添加modernizr但它的行为不一样，而是单击IE时文本清除。

这是我的示例代码：

<input type="text" class="search"  placeholder="Name or Business Name">

演示：http://jsfiddle.net/hK2K7/

Answer 1

这就是你要求的吗？

input[type=text] {
    color:#ccc;
    border:thin solid #999;
}

input[type=text]:focus {
    background:#999;
}

Answer 2

我找到了跨浏览器的解决方案:) 这是链接

http://jethrolarson.github.io/placeholder-augment/