デザインレシピの「画像を使わずにリンクボタンをデザインする」をスマホで使う方法

Question

表題の件につきましてスマートフォン用商品説明文にて使用する方法はありますでしょうか？

Accepted Answer

ECマスターズの伊藤です。

> 表題の件につきましてスマートフォン用商品説明文にて使用する方法はありますでしょうか？

楽天のバグで、禁止タグでも ="" を記入すると
登録が可能となります。

「画像を使わずにリンクボタンをデザインする」
で使用しているタグで、禁止タグとなる

BUTTON
↓↓↓
BUTTON


↓↓↓



↓↓↓


としていただくと
スマホでも登録できるようになります。

なお、楽天RMSのバグを利用した方法となりますので
仕様変更の際に、表示されなくなるなどの
影響が考えられますので、予めご了承くださいませ。


また、スマホにはマウスホバーの概念が無いため
.square_btn:hover {
【略】
}
や
.square_btn:hover:before {
【略】
}
の部分は削除頂いて
よろしいかと思います。

Answer

ありがとうございました。できました！