【CSS】超簡単にラジオボタンをreadonlyにする

ラジオボタンは標準でreadonlyが効きませんが
CSSで簡単にできます。

だけでも変更不可になるのですが、色をグレーにして変更不可感を出します。

ラジオボタンのinputタグにradio-readonlyクラスを指定

実行結果:

通常のラジオボタン
選択肢1
選択肢2
選択肢3

radio-readonlyクラスを指定したラジオボタン
選択肢1
選択肢2
選択肢3