html - ラジオボタンの機能をオフにする方法は?

Question

ラジオボタンを機能なしでデザイン要素として使用したい。ユーザーはそれらをオンまたはオフにすることはできません。

<div id="divRadios">
<input type="radio">
<input type="radio">  
...
</div>

解決策は、別の空の div を配置し#divRadiosて、より高い z-index を与えることだと思いますが、もっとネイティブな方法があるのではないでしょうか?

score 5 · Accepted Answer

<input type = 'radio' />ユーザーに確認させたくない場合は使用しないでください

spanorを作成し、それにクラスをdiv追加します。radio

 .radio{
     -moz-appearance:radio;
     -webkit-appearance:radio; 
    }

score 2 · Accepted Answer

2

それらを無効にするだけです：

<input type="radio" disabled>

于 2013-06-08T12:27:19.687 に答える

score 1 · Accepted Answer

radio 入力要素で 'disabled' 属性を使用したい場合があります。

<div id="divRadios">
<input type="radio" disabled>
<input type="radio" disabled>  
...
</div>

score 0 · Accepted Answer

@ user2404546 による回答の拡張として、最善の解決策は、通常のチェックボックスを使用するだけで、外観を変更することです。

.radio{
     -moz-appearance:radio;
     -webkit-appearance:radio; 
}

<input class="radio" type="checkbox">

5 に答える 5