我希望 VSCode 行突出显示如下所示

目前,它看起来像这样

基本上我不希望 VSCode 突出显示整行。
我正在尝试在单击标签时使用toggleClass将类添加到标签.我遇到的麻烦是,当我在其中放入一个复选框时,只有当您单击复选框本身而不是文本时才会添加该类.我怎样才能使它在单击文本时添加类?
这是我正在使用的代码
$("label").click(function () {
$(this).toggleClass("highlight");
});
Run Code Online (Sandbox Code Playgroud) 我正在尝试在引导程序站点中创建一个下拉菜单,其中包含选项卡.图标比菜单的宽度更远,我希望移动用户能够侧面滚动它.
这是一个链接.
https://jsfiddle.net/6yw6rp02/1/
这是我正在使用的代码.
<div class="top-nav-mobile">
<div role="tabpanel" class="top-nav-btns">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#asdf" aria-controls="asdf" role="tab" data-toggle="tab"><i class="fa fa-shopping-cart"></i></a></li>
<li role="presentation" class="active"><a href="#asdf" aria-controls="asdf" role="tab" data-toggle="tab"><i class="fa fa-signal"></i></a></li>
<li role="presentation" class="active"><a href="#asdf" aria-controls="asdf" role="tab" data-toggle="tab"><i class="fa fa-times"></i></a></li>
<li role="presentation" class="active"><a href="#asdf" aria-controls="asdf" role="tab" data-toggle="tab"><i class="fa fa-bell"></i></a></li>
<li role="presentation" class="active"><a href="#asdf" aria-controls="asdf" role="tab" data-toggle="tab"><i class="fa fa-search"></i></a></li>
<li role="presentation" class="active"><a href="#asdf" aria-controls="asdf" role="tab" data-toggle="tab"><i class="fa fa-money"></i></a></li>
<li role="presentation" class="active"><a href="#asdf" aria-controls="asdf" role="tab" data-toggle="tab"><i class="fa fa-bug"></i></a></li>
<li role="presentation" class="active"><a href="#asdf" …Run Code Online (Sandbox Code Playgroud)