「予約する」ボタンを画像に変更する

Question

商品ページの「予約する」のボタンを画像に変更したいのですが、どの様に設定をしたら宜しいでしょうか？
以前の質問を拝見させて頂きましたが、そちら記載のURLがリンク切れしていて内容が確認できなかった為
質問をさせて頂きました。

宜しくお願い致します。

Answer

ECマスターズの田中です。

下記のタグを、
ヘッダー・フッター・レフトナビ、もしくは共通説明文（大）に
挿入してご利用ください。

===== この下の行から ================

/* 予約ボタン　画像に変更 */
input[value="予約する"] {
background: url(ボタン用画像URL) no-repeat left top;
text-indent: 110%;
white-space: nowrap;
overflow: hidden;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/margin-right: 3px;
width: ボタン用画像横幅px;
height: ボタン用画像高さpx;
border: 0px;
/zoom: 1;
}

input[value="予約する"]:hover {
cursor: pointer;
}

===== この上の行まで ================
※ボタン用画像URLは実際のURLに、
　ボタン用画像横幅・ボタン用画像高さは実際の数値に
　それぞれ変更してご利用ください。


また、過去の投稿のURLにつきましても、
問題なくご覧いただけるよう、修正を行わせていただきました。
https://ec-masters.club/forum/post_view.php?id=753

Answer

いつも早々のご返信ありがとう御座います。
上記の通りで問題なく変更が出来ました。
ありがとう御座います。