項目選択肢の表示を大きくしたいです。

Question

いつもお世話になっております。
項目選択肢のプルダウン
・項目名
・選択肢名
・枠など
を大きくしたいのです。
また、背景に色付けは可能ですか？
よろしくお願いいたします。

Answer

ECマスターズの田中です。

下記のHTMLタグを、ヘッダー（またはフッター、レフトナビ）に挿入してください。

====== この下から ================

body #rakutenLimitedId_aroundCart select[name="choice"] {
    color: red !important; /* 文字色 */
    font-size: 18px !important; /* 文字サイズ */
    border: 1px solid green; /* 枠線の太さ・スタイル・色 */
    background-color: yellow; /* 背景色 */
}

====== この上まで ================
内容を変更して、上記の通り、外見を修正することができます。

なお、Windows版のChrome・IE・Firefoxでは反映を確認しておりますが、
本来は、一度外見をリセットして再設定する必要があります。

詳しくは、下記URLの記事をご参照ください。
http://edge.sincar.jp/web/selectbox-appearance-customize/

Answer

ありがとうございます！
ちなみにですが、もう一方のラジオボタンにした場合の
設定はどうなりますか？

Answer

ECマスターズの田中です。

ラジオボタンの場合の設定をご説明いたします。

テキストの部分は、１つ目の返信に記載したタグの
body #rakutenLimitedId_aroundCart select[name="choice"] {
を
body span.choice {
に変えていただければ変更できます。
なお、この指定は、チェックボックスの横のテキストだけでなく、
チェックボックス・セレクトボックス両方のタイトルにも影響します。

ボタンの部分は、先述のHTMLの２行目などに、
body input[name="choice"] {
と
}
を加えていただき、{}の中に、指示を加えていただくことで変更が可能です。

Answer

ご回答ありがとうございます。
大変助かります。
実際にやってみますと
ボタンで改行されず
繋がってしまいます。
解決方法はございますか？

Answer

ECマスターズの田中です。

項目選択肢名とボタンの間に、改行を入れるという意味で正しいでしょうか。
私にていくつか方法を試したのですが、改行を入れることができませんでした。

もし、他のショップにて改行を入れているケースがありましたら、
分析して方法をご案内いたしますので、
商品ページのURLをお知らせいただけますでしょうか。
よろしくお願いいたします。

Answer

ご対応ありがとうございます。
改行を入れるという意味で正しいです。
入れることは難しいようですね。
他ショップで使用されているケースは
特に見ておりませんでした。
２パターンでどちらがお客様にわかりやすいか
検証しようと思ったのですが
ドロップダウンにて対応したいと思います。
ありがとうございました。

Answer

ｍｋ3864です。
失礼します。
こちらの質問に質問させて頂きます。

こちらのフォーラムを参考に設置しました。
ありがとうございます。

しかし、項目選択肢名の「項目名」の文字の大きさは
変更できないのでしょうか？

選択肢名の文字は大きく変更できたのですが・・・。

宜しくお願い致します。

Answer

ECマスターズの田中です。

項目選択肢の項目名の修正を行われる際は、
下記のHTMLタグを、ヘッダー（またはフッター、レフトナビ）に挿入してください。

====== この下から ================

body #rakutenLimitedId_aroundCart span.choice {
color: red !important; /* 文字色 */
font-size: 18px !important; /* 文字サイズ */
}

====== この上まで ================

Answer

mk3864です。

ご回答ありがとうございます。

質問の言葉足らずで申し訳ございません。

選択する項目の文字の大きさは変えられるのですが、
その前の「商品到着後レビューを」
という選択する質問の項目部分です。

参考ページです。
http://item.rakuten.co.jp/marukin-mk/k66646/

大きさは変えられますか？

Answer

ECマスターズの田中です。

はい、私にて確認したところ、
確かに先ほどのタグで、
「商品到着後レビューを」という選択する質問の項目部分の
文字の大きさを変えることができました。

一度、実際にページに入れていただき、ご確認いただけますでしょうか。

Answer

ｍｋ3864です。

申し訳ございません。
確認不足でした。

変更することができました。
ありがとうございました。

目立たせることが出来大変嬉しいです。