收音机设置CSS样式,堆叠一些按钮而不是其他按钮

时间:2014-04-04 21:15:43

标签: html css css3 radio-button

我正在尝试堆叠一些单选按钮,同时将另一个单独按钮放在其自身上,因为它有其他内容。

我的小提琴在这里 http://jsfiddle.net/CkRF4/5/

<p>Style Radio Set</p>

1 个答案:

答案 0 :(得分:0)

这个FIDDLE会给你一个开始。

只是一个带有一系列浮动div的大型div。然后里面堆放了三个div。

我确信有更多优雅的方式,只是想不起这么晚。

HTML(一个浮动的div)

<div class='holder'>
  <div class='littleholder'>
    <input type='radio' id='scores' name='scores1' />
    <label for='scores'>Assign All Scores</label>
  </div>
  <div class='littleholder'>
    &nbsp;To:&nbsp;<input type='text' />&nbsp;out of 1
  </div>
  <div class='littleholder'>
    <input type='checkbox'/>Overwrite Scores
  </div>
</div>