如何添加樣式到輸入標籤內的無線電元素是否有可能？

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title>JS Bin</title> 
</head> 
<body> 
<div class="radio-toolbar"> 
<label for="mylabel-1"><input type="radio" id="mybutton-1" checked>All</label> 
<label for="mylabel-2"><input type="radio" id="mybutton-2" >Open</label> 
<label for="mylabel-2"><input type="radio" id="mybutton-3" >Archived</label> 
</div> 
</body> 
</html>

我想添加CSS樣式來輸入單選按鈕裏面的標籤，我不想添加CSS到外部標籤** **是否有可能？如何添加樣式到輸入標籤內的無線電元素是否有可能？

來源

2016-07-22 Venky559

yes'label input [type = radio] {...}' –

可以舉個例子嗎？ – Venky559

下面是一個例子：

label input[type=radio]{ display:none; }

更進一步，你需要使用這個（單選按鈕使用相同的名稱只選擇one.Otherwise，它看起來像複選框）

<label for="mylabel-1"><input name="rd" type="radio" id="mybutton-1" checked>All</label> 
<label for="mylabel-2"><input name="rd" type="radio" id="mybutton-2" >Open</label> 
<label for="mylabel-2"><input name="rd" type="radio" id="mybutton-3" >Archived</label>

來源

2016-07-22 06:58:19

謝謝（使用單選按鈕相同的名稱只選擇一個。否則，它看起來像複選框）和dislpay：沒有工作可以添加顏色：紅色，然後告訴它是否工作 – Venky559

請試試這個：http：///jsfiddle.net/ionutmihai1995/nmu8H/1043/ –

感謝兄弟的工作 – Venky559

如何添加樣式到輸入標籤內的無線電元素是否有可能？

回答

相關問題