评论:Bootstrap复选框，单选框美化特效

用户55662511590

2019/10/31 15:24:26

西瓜0

2019/10/31 16:01:33

那因该是字符图标样式没有调用好。

Eileen0

2019/3/21 18:42:41

烈日追风0

2018/12/24 15:57:11

傻杰。0

2022/7/11 10:36:07

这不是坑人吗

?着星星看月亮0

2018/9/22 17:29:10

?着星星看月亮0

2018/9/22 17:42:08

换了种颜色,然后问题消失了,很奇怪

??泻弦豢0

2018/8/31 20:58:06

我发现了一个bug，就是这样的代码片段如果把第一个单选按钮的checked去掉，所有单选按钮都会变成选中状态，且勾变成了一条横线，难道只有我看出来吗？代码如下：

<div class="checkbox checkbox">
    <input type="radio" name="radio4" id="radio7" value="option1" checked>
    <label for="radio7">
        Default
    </label>
</div>
<div class="checkbox checkbox-success">
    <input type="radio" name="radio4" id="radio8" value="option2">
    <label for="radio8">
        Success
    </label>
</div>
<div class="checkbox checkbox-danger">
    <input type="radio" name="radio4" id="radio9" value="option3">
    <label for="radio9">
         Danger
    </label>
</div>

??泻弦豢1

2018/8/31 21:08:35

楼主在build.css中多写了一段代码，把这段代码去掉就能正常显示了，不能上传照片那就代码吧，希望对各位码农有所帮助。

.checkbox-info input[type="checkbox"]:indeterminate + label::after,.checkbox-info input[type="radio"]:indeterminate + label::after {
	background-color:#fff;
}

vn0

2018/8/15 13:48:45

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
    <link href="http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/build.css">
</head>

<body>
    <input type="radio" class="radio-primary" name="a1" onclick="changeState(this)" />11
    <input type="radio" class="radio-primary" name="a1" onclick="changeState(this)" />12
    <script type="text/javascript">
        function changeState(el) {
            if (el.readOnly) el.checked = el.readOnly = false;
            else if (!el.checked) el.readOnly = el.indeterminate = true;
        }
    </script>
</body>

我想问下为什么没效果？