onsen UIのradio buttonにおいてcssが効かない

monaca及びonsen uiを使用して開発をしておりますが、なぜかラジオボタンのcssがうまく機能しません。
ラジオボタンが円丸のもののままで、またlabelが機能しません。
以下がコードになりますが、修正点ご教示頂ければ幸いです。
初歩的な質問で恐縮ですが、宜しくお願い申し上げます。

<ons-template id="radio.html">
<ons-page id="radio-page">
  <ons-toolbar>
    <div class="center">radio</div>
  </ons-toolbar>
  <ons-list>
    <ons-list-item modifier="tappable">
      <label class="radio-button">
        <input type="radio" name="radio" checked="checked" onClick="radio()">
        <div class="radio-button__checkmark"></div>
        radio1
      </label>
    </ons-list-item>
    <ons-list-item>
      <label class="radio-button">
        <input type="radio" name="radio" onClick="radio()">
        <div class="radio-button__checkmark"></div>
        radio2
      </label>
    </ons-list-item>
    <ons-list-item>          
      <label class="radio-button">
        <input type="radio" name="radio" onClick="comment()">
        <div class="radio-button__checkmark"></div>
        その他
      </label>
      <div id="comment"></div>
    </ons-list-item>
  </ons-list>
</ons-page>