

Onsen UI におけるラジオボタンの仕様について

Monaca 上で Onsen UI を使ってアプリを制作しています。

Onsen UI のラジオボタンを使用しているのですが、項目の文面が長いとチェック欄の部分まで折り返しが発生してしまいます。

見た目が美しくないのでチェック欄に掛からないようにインテンド（？）を掛けたいのですが、それは可能でしょうか？

「仕様なのでできない」ということでしたら、他の方法を検討します。

[code]

    <li class="list__item list__item--tappable">
    <label class="radio-button radio-button--list-item">
    <input type="radio" name="Kousei_Q" value="2">
    <div class="radio-button__checkmark radio-button--list-item__checkmark"></div>
    Ａ．喋りかけたり、相手の様子をみて、どういう立場の人か探る
    </label>
    </li>
    
[/code]

[![画像の説明をここに入力](https://i.stack.imgur.com/qaxST.png)](https://i.stack.imgur.com/qaxST.png)


CC BY-SA 3.0
2016-02-03T06:19:50.623
21652
2016-09-30T13:03:15.123
8374
question
monaca onsen-ui
Onsen UI におけるラジオボタンの仕様について


あまりイケてないですが、widthを指定して調整してみるとか。

[code]

    <li class="list__item list__item--tappable" style="width: 200px;">
        <label class="radio-button radio-button--list-item">
            <input type="radio" name="Kousei_Q" value="2">
            <div class="radio-button__checkmark radio-button--list-item__checkmark"></div>
            <span style="float: right; width: 150px;">
                Ａ．喋りかけたり、相手の様子をみて、どういう立場の人か探る
            </span>
        </label>
    </li>
    
[/code]


CC BY-SA 3.0
2016-02-03T08:10:36.807
21656
2016-02-03T08:10:36.807
13314
21652
answer