[tips]Welcartで「カートに入れる」ボタンをCSSで画像に変更する方法 | シロクジチュウ。[tips]Welcartで「カートに入れる」ボタンをCSSで画像に変更する方法 Welcartの「カートに入れる」ボタンをCSSで設定する方法。 .skubutton{ background-image: url(images/cart_btn.png); //使う画像を指定 background-repeat: no-repeat; width: 176px; //画像の幅 height: 56px; //画像の高さ padding: 0px; margin: 0px; border:none; cursor:pointer; overflow:hidden; display: block; text-indent: 500px; //テキストを画像エリアから飛ばす } inputに指定されているクラスskubuttonを上記のように設定する。 text-indentで、テキストを画像
![[tips]Welcartで「カートに入れる」ボタンをCSSで画像に変更する方法 | シロクジチュウ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/45584bb48b0e3c1c83dd5df98e36b5152342129f/height=288;version=1;width=512/https%3A%2F%2Fken247.com%2Fwp-content%2Fthemes%2Fken247_2019%2Fimg%2Ftop_dummy.jpg)
