| ブログトップ | CSS関連 | HTML関連 |

「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;
}

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

このエントリーをはてなブックマークに追加

LINEで送る

nandani | 2010年08月04日 | コメント(1) | トラックバック(1) | CSS関連 | HTML関連

トラックバック

トラックバックURL

トラックバック一覧

コメント一覧

1. Posted by JOYE   2013年10月19日

Good day! This is my first visit to your blog! We are a collection of volunteers and starting a new project in a community in the same niche. Your blog provided us useful information to work on. You have done a wonderful job!

コメントする

※メールアドレスが公開されることはありません。

名前 *
メール*
URL
Copyright(c) 2010 - 2017 ダリの雑記