radio的焦点状态怎么设置啊?

来源:3-11 表单控件状态(焦点状态)

杨辰沁再不疯狂就老了

2016-10-19 19:31

我想让两个radio在一行显示,并且一个是焦点状态

这么写怎么不对?

  <div class="form-group">
    <lable class="radio form-control">
        <input  type="radio" name="sex" value="female">女
    </lable>
    <lable class="radio">
        <input  type="radio" name="sex" value="male">男
    </lable>
  </div>


写回答 关注

3回答

  • 梦想的偏执狂
    2016-11-30 16:10:39

    在你单选框里的 class 里再加一个 radio-inline 就可以水平展示了

  • theecn
    2016-10-19 21:03:24

    bootstarp的话应该是这样的

    <form class="form-inline">

      <div class="form-group">

        <lable class="radio form-control sr-only">

            <input  type="radio" name="sex" value="female" class="form-control">女

        </lable>

        <lable class="radio sr-only">

            <input  type="radio" name="sex" value="male " class="form-control">男

        </lable>

      </div>

    </form>

    杨辰沁再不疯...

    sr-only是什么类?加上后连单选框都不显示了

    2016-10-19 21:07:31

    共 1 条回复 >

  • theecn
    2016-10-19 20:48:59

      <div class="form-group" style=“display:inline-block>

        <lable class="radio form-control " ”>

            <input  type="radio" name="sex" value="female">女

        </lable>

        <lable class="radio >

            <input  type="radio" name="sex" value="male">男

        </lable>

     </div>

    试试看

    杨辰沁再不疯...

    你这个有焦点效果了,但是还是不能在一行显示呢

    2016-10-19 20:57:31

    共 1 条回复 >

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题