iCheck库: CSS样式问题
iCheck库: CSS样式问题
提问于 2013-09-10 12:13:50
我用iCheck库做了几个单选按钮。我希望按钮及其标签都显示在同一行(请参阅jsFiddle 这里)，但在正确地设置元素样式时遇到了问题。
问题是(我认为) iCheck“用div包装每个输入，可以由您自定义或使用可用的皮肤之一”(引用自iCheck页面的‘简单使用’部分)。
我试过的
-仅将库的CSS中的display属性重写如下：
..iradio_平面橙色{显示:内联！重要；}
结果--无线电盒完全消失了。
-将标签包装在一个<span style="display: inline">中
结果-没有变化，单选按钮按jsFiddle显示.
有没有人知道我怎样才能正确地设置单选按钮的样式？
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-09-10 12:34:07
您可以使用ul li列表使其工作，用li包装input和label，并使用display: inline-block;进行样式设置。
看这个演示
HTML
<p>Are you sure you want to have your details removed from our marketing list?</p>
<ul>
<li>
<input type="radio" name="iCheck">
<label>Yes</label>
</li>
<li>
<input type="radio" name="iCheck">
<label>No</label>
</li>CSS
ul {
list-style:none;
}
ul li {
display: inline-block;
margin-left: 15px;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18718698
复制相关文章
相似问题
腾讯云开发者
