項目選択肢のフリーテキストの表示崩れについて

Question

楽天デフォルトの項目選択肢では見にくい為、項目選択肢をCSSでコーティングしています。（CSSは検索したページのものを使用）
フリーテキストを項目選択肢に追加したところ、型崩れをしてしまいました。

https://recipe.oga-ria.com/sell_knowhow/1928
↑ここのサイトに記載のCSSを利用しています。


修正方法が分かれば教えて下さい。
よろしくお願いします。###HR######IMG088bdbf9103fd2dd687665ca35084a2a7.pngIMG0###

Answer

ECマスターズの田中です。

フリーテキスト追加にともなう仕様変更が原因となっており、
たとえば、下記のように修正していただければ結構です。


#rakutenLimitedId_aroundCart span.choice + select
の「select」を「*」に変更の上、
同規則の「padding: 8px;」を削除してください。
変更を加えると、下記のような内容になります。

= この下の行から ====================
#rakutenLimitedId_aroundCart span.choice + * {
    display: block !important;
    margin-bottom: 2px;
    border-radius: 2px;   
}
= この上の行まで ====================

さらに、次の規則を〜タグ内に
追加していただきますようお願いします。

= この下の行から ====================
body #rakutenLimitedId_aroundCart .skuSelTextName {
  float: none;
}
= この上の行まで ====================

Answer

>>ECマスターズ田中様
ありがとうございます。
助かりました！