項目選択肢のデザイン変更

Question

いつもお世話になっております。


項目選択肢を画像のような感じにしたいのですが、
どこをどのようにいじればよいのかよろしければご教授お願いいたします。

よろしくお願いいたします。

参考サイト
https://item.rakuten.co.jp/cocoleca/cake004/###HR######IMG0ef62f9e693414eb31e89ad5df3fdeaae.pngIMG0###

Answer

ECマスターズの田中です。

いただいた商品ページでは、
ヘッダーコンテンツの先頭に記載されたタグに含まれている

select[name="choice"]{
    height:30px;    
}

.choice{
    display:block;
    margin:15px 0px 15px 0px;
    border-width:0px 0px 0px 3px;
    border-style:solid;
    border-color:navy;
    width:350px;
    height:23px;
    padding:10px 0px 0px 10px;
}

上記規則によって、項目選択肢のデザイン変更を行っておりますので、

ライムさんのショップでも、同様に規則を作成していただいた上で
ヘッダー・フッター・レフトナビ、もしくは共通説明文（大）に
タグをご記載いただくことで、
項目選択肢のデザインを同様にご変更いただくことができます。

Answer

田中様
ありがとうございました。