0

グーグルカスタム検索用のカスタム検索ボックスを作成しました。ブランド用語の順序で、検索ボックスに透かしを入れる必要があります。htmlでonFocus属性を使用しようとしましたが、これは私にとって間違ったアプローチです。この例と同じスタイルが必要です。

onFocusを使おうとすると、「適用」は1回だけです。したがって、入力ボックスを強調表示すると、カスタム検索画像が表示されなくなりますが、別の要素をクリックすると、画像が表示されたままになり、戻りません。

以下のスクリプトも使用しようとしましたが、それでは、アレルギーのあるカスタム検索ボックス内に入力ボックスしか表示されません。

<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、このクラスを削除して、background-imageプロパティを持たない別のクラスを割り当てることができます。次にonBlur、元のクラスを割り当てて画像を追加し直します。

于 2012-09-27T19:13:25.657 に答える
0

ページの読み込み後（つまり、カスタム検索ボックスの読み込み後でも）にスクリプトを実行し、プレースホルダーを追加します。

于 2012-09-27T16:49:53.107 に答える