Question

我已经通过了最近出现的错误，该错误涉及标签元素不再设置为：active。

我的（可能）简单的问题是：如何在标签点击时切换标签＆＃39：活动状态？如果标签：激活（参见下面的屏幕截图），我可以检查开发工具并测试css会做什么，但我如何让标签真正成为：活动？：悬停状态有效，所以我希望：主动也可以。

这在以前一直有效，显而易见，正如您从屏幕截图中看到的那样，已经编写了一个：活动状态的css。

为了清楚起见：我不想添加“活跃的”字样。元素的类;我想利用in-build：active状态，类似于：hover。

感谢。

Answer 1

标签元素没有激活或选定状态。您所看到的是一个引导程序imo 您可以自由地授课以使它正常工作，例如

 $('.u').on('click', function(){
            $('.u').removeClass('e');
            $(this).addClass('e');
        });

 .u:focus {
                background-color: red;
            }
            .u {
                background-color: lightgrey;
            }
            .e {
                background-color:  red;
            }

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">
"http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"</script>
<div class="col-xs-12 col-md-10">

                                            <div class="btn-group btn-group-toggle" data-toggle="buttons">
                                                <label class="btn btn-md u e" >
                                                    <input type="radio" name="weight" value="1">Small (0-3 lbs)
                                                </label>
                                                <label class="btn btn-md u">
                                                    <input type="radio" name="weight" value="2"> Medium (3-7 lbs)
                                                </label>
                                                <label class="btn btn-md u">
                                                    <input type="radio" name="weight" value="3"> Large (7+ lbs)
                                                </label>
                                            </div>
                                        </div>
                                    </div>

触发：活动状态html标签元素

1 个答案: