是否可以使用CSS動態更改單選按鈕上的字體？

Question

我試圖用jquery（How do I get javascript to run more than once?）來做到這一點，但有些人表示可以使用CSS更容易。現在我有JS動態地添加和刪除ez選擇的類，如下所示，只要選擇單選按鈕。這用於用圖像替換按鈕。

有沒有辦法使用CSS使得加入的EZ-選定的類時，它變成了span標記爲粗體文字，然後在EZ-選擇刪除類刪除大膽？我無法更改HTML結構，因爲它是在我的購物車軟件中編碼的。謝謝！

編輯：是否有任何CSS選擇器，可以風格最接近輸入檢查跨度？我知道+它可以在另一個元素之後選擇一個元素，但是有沒有辦法在選中單選按鈕之後選擇下一個span元素，即使該跨度位於另一個div中？

<div class="row"> 
     <input name="TXT870" type="hidden" value="Option 1"> 
     <div class="col-xs-2"> 
      <div class="ez-radio (ez-selected)"> 
       <input class="clearBorder ez-hide" name="CAG3" onclick= 
       "javascript:document.additem.CAG3QF1.value='1'; CheckPreValue(this, 2, 0);" 
       type="radio" value="870_625_0_625"> 
      </div><input name="CAG3QF1" type="hidden" value="0"> 
     </div> 
     <div class="col-xs-7"> 
      <span>Option 1</span> <input class="transparentField" name= 
      "CAG3TX1" readonly size="14" type="text" value=" - Add $5.00"> 
     </div> 
    </div> 

Answer 1

的.ez-selected DIV不是以前的兄弟姐妹或父母跨度的...所以NO ...你不能。

無法使用此結構

<div class="row"> 
     <input name="TXT870" type="hidden" value="Option 1"> 
     <div class="col-xs-2"> 
      <div class="ez-radio ez-selected"> 
       <input class="clearBorder ez-hide" name="CAG3" onclick= 
       "javascript:document.additem.CAG3QF1.value='1'; CheckPreValue(this, 2, 0);" 
       type="radio" value="870_625_0_625"> 
      </div><input name="CAG3QF1" type="hidden" value="0"> 
     </div> 
     <div class="col-xs-7"> 
      <span>Option 1</span> <input class="transparentField" name= 
      "CAG3TX1" readonly size="14" type="text" value=" - Add $5.00"> 
     </div> 
    </div> 

您必須首先前往了DOM，你不能做到這一點與CSS因爲沒有parent selector