0

この男のに似た問題がありますが、Chrome で発生しています。

値が ="" に設定されているため、Firefox の問題に対する修正は既に行われています。これは Chrome でのみ発生し、Firefox では発生しません。Wordpress 経由の検索フォーム テーマのコードは次のとおりです。

<form method="get" class="searchBox" action="<?php bloginfo('url'); ?>">

<div id="search-form-wrap">



    <input type="text" id="searchBox" name="s" value="" accesskey="4" />

    <input type="image" name="submit" id="searchsubmit" class="nothidden" value="" />



    <?php if ( get_option('k2livesearch') ): ?>



    <?php endif; ?>

<span id="searchreset" title="<?php esc_attr_e('Reset Search', 'k2_domain'); ?>"></span>

        <span id="searchload"></span>

4

2 に答える 2

0

遅れて申し訳ありませんが、画像を送信したいすべての人にとって良い答えが役立つかもしれません...

実際の送信タイプと以下の例のようないくつかの CSS を使用しようとしないのはなぜでしょうか。おそらく、あなたが求めた方法で解決されないかもしれませんが、それがあなたの問題を解決する最善の方法だと思います。それは W3C Valid であり、すべてのブラウザで動作します。画像でこれを行うより良い方法はありませんので、私が提供したコードを試してみてください.

あなたの送信行は次のとおりです。

<input type="image" name="submit" id="searchsubmit" class="nothidden" value="" />

実際の送信ボタンに変更します。

<input class="nothidden" type="submit" name="submit" id="searchsubmit" value="Your value" /><!--// Add the style below and edit if needed to your style.css file to create what you want! //-->

さて、あなたは「変な標準の送信ボタンはいらない!」と言うでしょう。そして私は同意します！そのため、以下のスタイルが使用されています。CSS は送信タイプの画像を使用するのに役立ちますので、以下の私の CSS を読んでください...

あなたはあなたのCSS行を投稿していないので、あなたのプロジェクトに最適なCSSを書くことはできませんが、私の答えが役立つことを願っています.

    input.nothidden {
border-style: none; /** This is needed to remove borders! **/
display: block;
font-size: 11px; /** Define your font size **/
font-weight: bold; /** Define your font weight **/
height: 23px !important; /** Height of your image **/
/** padding: 4px 0 0; - add some padding if needed... **/
text-align: center; /** Where do you want the text? left, right or center?**/
text-decoration: none; /** Don't want a underline or other decorations? **/
width: 91px; /** Width of your image **/
background: url(http://www.hollandiateam.eu/plaatjes/purple_small.gif) no-repeat scroll 0 0 transparent; /** This is what you want! a image to submit your form and don't  use any javascript, W3C validation and no problems in firefox, Chrome and Internet Explorer! **/
border: none;  /** This is needed to remove image border! **/
color: #080808; /** This is the text color change it to your favorite color **/
} /** The css lines below if you want a hover image sprite or an other hover image, colors etc! **/
   /** use the css below if you would like to have hover changes! **/
input.nothidden:hover {
background-position: 0 -23px; /** example if you're using a sprite image, else use background: url(http://www.hollandiateam.eu/plaatjes/purple_small.gif) no-repeat scroll 0 0 transparent; with the path to your image, if you want to use hover and don't use sprites, you will need to add all css lines used by the input.nothidden class and change image url for hover... **/
color: #0000ff; /** hover text color **/
}

上記のコードを使用すると、すべてのブラウザーで機能します。これが機能しない場合は、css とフォーム コードを投稿してください。ニーズに合わせて回答を編集します。

ハッピーコーディング

〜ウィレム

于 2014-09-10T23:12:05.223 に答える
0

CSS に以下を追加します。

.nothidden {
text-indent: -9999px;
}

これにより、テキストがあれば非表示になります。

于 2012-06-28T05:54:32.573 に答える