liufang12的专栏

1.单选框Html代码： 女 男 请选择性别！ class="col-sm-7">   class="rdio rdio-success col-sm-2">   id="radio-success1" type="radio" name="radio" data="female">   for="

纯css编写的复选框 html代码如下：<div class="checked-box"> <label class="demo--label"> <input class="demo--radio" type="checkbox" name="demo-checkbox3"> <span class="demo--checkbox demo--radioInput"

１.一个按钮，移上去显示另一个选择框，效果图如下：第一次的实现方式，是让按钮固定了宽度，让另一个选择框的定位方式是position:absolute;　正因为固定了宽度，所以就出现了下图的效果：第二次修改，删除了宽度，把另一个选择框的right:-145px ;改为了left:calc(100% + 10px); 修改的css如下：最终得到了想要的效果．２.position的兼容性问题 原因：盒

CSS代码：HTMl代码：结果显示：