在輸入類型收音機周圍選擇標籤CSS

我有一個WordPress插件。

<label class="radio-inline" data-label="fach" for="fld_1266424_1_opt1107649"> 

    <input type="radio" id="fld_1266424_1_opt1107649" data-field="fld_1266424" class="fld_1266424_1 option-required user-success" name="fld_1266424" value="40" required="required" aria-required="true" aria-invalid="false"> 

     <span>Fach4</span> 

</label>

現在我想創建一個不正常的單選按鈕。它應該看起來像一個普通的按鈕，所以我添加了填充，背景色等。但我有問題，我無法爲標籤創建檢查的樣式。因爲這是 - 肯定 - 不工作

input[type="radio"]:checked label

是否有可能樣式標籤當無線輸入而不觸摸檢查HTML表單？

謝謝！

來源

2016-02-25 Matthias M

可以，但前提是你讓你的HTML看起來像這樣：

既然你有標籤for屬性，radio button會得到，如果你單擊標籤檢查。

input[type="radio"]:checked+label { 
 
    color: red; 
 
    margin: 30px; 
 
}

<input type="radio" id="fld_1266424_1_opt1107649" data-field="fld_1266424" class="fld_1266424_1 option-required user-success" name="fld_1266424" value="40" required="required" aria-required="true" aria-invalid="false"> 
 
<label class="radio-inline" data-label="fach" for="fld_1266424_1_opt1107649"> 
 
    Radio button 
 

 
</label>

來源

2016-02-26 00:05:28

在輸入類型收音機周圍選擇標籤CSS

回答

相關問題