項目選択肢

Question

楽天市場PCページで項目選択肢のところを添付画像のようにされているお店がありました。

どのような方法で出来るかわかりますでしょうか。###HR######IMG075cc1100374254009ec98a05f9d23911.pngIMG0###

Answer

ECマスターズの田辺です。

以下の記述を
ヘッダー・フッター・レフトナビ、もしくは共通説明文（大）に
ご記載いただくことで、同様にデザインをすることができます。

＝この下から＝＝＝＝＝＝

span.choice {
display: block;
padding: 5px 0 5px 5px;
background-color: #000;
color: #FFF;
}
#rakutenLimitedId_aroundCart select{
height: 30px;
margin-bottom: 10px;
color: #F00;
}

＝この上まで＝＝＝＝＝＝

Answer

早々に、ありがとうございます。
教えていただいた文字列を入れると中の文字は、自分が項目選択肢に入れた
タイトルの文字が白で出るのでしょうか。

バックが黒でなくて赤やオレンジにしたい場合はどうすればよいでしょうか。
また、Yahooショッピング の方でも使えますでしょうか。

何卒、よろしくお願いいたします。

Answer

ECマスターズの田中です。

> 教えていただいた文字列を入れると中の文字は、自分が項目選択肢に入れた
> タイトルの文字が白で出るのでしょうか。

はい、ワクワクさんが設定された項目選択肢のタイトルが
白文字で表示されます。

> バックが黒でなくて赤やオレンジにしたい場合はどうすればよいでしょうか。

ソースに含まれる
background-color: #000;
の「#000」をご変更いただきますようお願いします。

「background-color」プロパティについては下記ページを、
http://www.htmq.com/style/background-color.shtml
実際にどのような色指定ができるかは下記ページをご参照ください。
https://hogehoge.tk/webdev/color/

> Yahooショッピング の方でも使えますでしょうか。

Yahoo!ショッピングは、ページの構造が全く異なるため使えません。
別途、設定が必要です（Yahoo!トリプルの契約も必要です）。

Answer

ありがとうございます。試してみます。