1

すでに ID (#3872720) を持ち、というクラスを持つ親 DIV 内にあるラジオ ボタン入力の CSS を定義しようとしています。.catProdAttributeItem

背景画像を使用して、この ID を持つグラフィックを表示したいだけです。表示される属性のコードは、Business Catalyst システムによって既に作成されているため、制御することはできません。出力コードが生成するクラス名と ID 名をターゲットにすることしかできません。

だから私は達成しようとしています:

text    radio  bg image:

white   o     image 1 here  
yello   o     image 2 here  
green   o     image 3 here  
black   o     image 4 here

体 

<div class="catProductAttributeGroup">
<div class="catProdAttributeTitle">Colour</div>
<div class="catProdAttributeItem"> 
  <input id="3872720" name="578278" mandatory="1" type="radio">
  <span>White </span></div>
<div class="catProdAttributeItem">
  <input id="3872721" name="578278" mandatory="1" type="radio">
  <span>Yellow </span></div>
<div class="catProdAttributeItem">
  <input id="3872722" name="578278" mandatory="1" type="radio">
  <span>Green </span></div>
<div class="catProdAttributeItem">
  <input id="3872723" name="578278" mandatory="1" type="radio">
  <span>Black </span></div>

CSS 

.catProdAttributeItem input{color:#fff; padding-left:30px;}  
#3872720 input {padding-left:20px; background-image:url(../images/shop-dot-white.jpg); background-repeat:no-repeat;}  
#3872721 input {padding-left:20px; background-image:url(../images/shop-dot-yellow.jpg); background-repeat:no-repeat;}  
#3872722 input {padding-left:20px; background-image:url(../images/shop-dot-green.jpg);  background-repeat:no-repeat;}  
#3872723 input {padding-left:20px;  background-image:url(../images/shop-dot-black.jpg); background-repeat:no-repeat;}

問題は、どのようにターゲティングclass="catProdAttributeItem"して入力するかということid="3872721"です...?

どんな助けでも大歓迎です！

4

0 に答える 0