ダリの雑記:WEBプログラム版

「input」タグの「submit」ボタンを画像にかえる方法

<input type="submit" class="button" value="検索" />

というようなボタンを画像に差し替える場合、このようにスタイルを設定します。

input.button{
 background-image:url("images/search_button.png");
 background-repeat:no-repeat;
 background-color:#000000;
 border:none;
 width:28px;
 height:28px;
 text-indent: -9999px;
 cursor: pointer;
}

サンプル [新しいウィンドウで開く]

モバイルバージョンを終了