22689


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

[code]

    <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>
    
[/code]

[![表示状態](https://i.stack.imgur.com/mHSJQ.png)](https://i.stack.imgur.com/mHSJQ.png)


CC BY-SA 3.0
2016-02-29T03:53:16.467
22650
2016-03-01T07:28:40.067
2016-02-29T06:54:03.733
14300
14300
question
monaca onsen-ui
onsen UIのradio buttonにおいてcssが効かない


新規プロジェクトを作成する際にOnsen UIに関するテンプレートを選択すると、

[code]

    www
      +- components
        +- monaca-onsenui
    
[/code]

というフォルダの下に関連ファイルが追加されます。  
これらのファイルが存在しないとOnsen UIは機能しません。

Monaca IDEの「ファイル」メニューから「JS/CSSコンポーネントの追加と削除」で、  
あとから追加することも可能です。

コンポーネントが追加済みで表示がおかしい場合は、  
<link>や<script>タグの設定が間違っている可能性があります。  
（機能しないのはラジオボタンだけでしょうか？）


CC BY-SA 3.0
2016-03-01T07:28:40.067
22689
2016-03-01T07:28:40.067
13314
22650
answer