0

我为谷歌自定义搜索制作了一个自定义搜索框。按照品牌术语的顺序，我需要在搜索框中添加水印。我曾尝试在 html 中使用 onFocus 属性，但这对我来说是错误的方法。我想要与此示例相同的样式。

当我尝试使用 onFocus 时，它只“应用”一次。因此，如果我突出显示自定义搜索图像 disseaper 的输入框，但是当我单击另一个元素时，图像会保持 disseapered 并且不会返回。

我也尝试使用下面的脚本，但这只会在我的过敏自定义搜索框中给我一个输入框。

<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"></script>

我怎样才能做出与谷歌自定义搜索相同的效果？

4

2 回答 2

1

您应该能够只创建一个 CSS 类，或者您可以在background-image:属性中包含一个内联样式并将其分配给<input>标签。尝试这样的事情......

.InputFieldBkgd
{
    background-image: url(images/imageName.png);
    background-repeat: no-repeat;
}

当你触发你的onFocus事件时，你可以删除这个类并分配一个没有背景图像属性的不同类。然后onBlur分配原始类以添加图像。

于 2012-09-27T19:13:25.657 回答
0

在页面加载后（即甚至在自定义搜索框加载后）运行脚本并添加占位符。

于 2012-09-27T16:49:53.107 回答