2011-11-08 7 views
0

私はHTMLボタンを持っていますが、「SUBMIT」という単語がある背景画像を追加しました。画像の上には、私はそれを取り除くことができない "提出"。ここで「送信」という単語を表示しないようにしようとしています

は私のコードは、どのように私はボタンの上、「送信」デフォルトを取り除くことができますか?

 <input type="submit" value="Submit" class="button" /> 

     .button{ 
     background: white url('../images/mybtn.png') no-repeat top; 
     width: 150px; 
     height: 30px; 
} 

ですか

+0

値を空の文字列 ""として入れることができます – Ash

+0

背景画像にコンテンツを隠さないでください。ボタンの画像が必要な場合は、 ''または ''を使用します。 – Quentin

+0

これは正確な内容ではありません。ボタンのテキストで、同じテキストの画像を使用したいと考えています。送信ボタンから得られる利点があるため、送信ボタンに固執したいと思うかもしれません。 – Ash

答えて

2


への書き込みによって示されるように、送信ボタンとして動作します入力タイプとして画像を使用することができますありがとうこのようなボタンのtext-indent:-9999px

.button{ 
     background: white url('../images/mybtn.png') no-repeat top; 
     width: 150px; 
     height: 30px; 
     text-indent:-9999px; 
     overflow:hidden; 
} 
0

あなたはW3 Schools

+0

彼は提出ボタンでそれを達成したいと思っていますし、提出ボタンでなぜ代替案を提案できるのでしょうか。アプリケーションフレームワーク全体の観点から提出ボタンを使用することの利点はたくさんあります。 – Ash

0

変更
value="Submit"
value="" name="Submit"

0

なぜ単に状態値= ""ではないのですか?それとも、このような設定ボタンのCSS: -

.button { 
text-indent: -9999px; 
overflow: hidden; 

}

これは、ボタンのテキストを非表示になります。

0

セット..... =「何か」値のようなものに言及...か、他のウィンドウのために見えなくなり、どこかに表示されるテキスト「値」を配置するテキストのインデントを使用してはいけません空白にする値

<input type="submit" class="subbut" value="" /> 
関連する問題