我从Angular Material网站获得了这段代码，当我在Chrome中使用此代码时，我专注于按钮（例如每个选定按钮的蓝色边框）。
["Kupovni2"]=> "0,282100"我试图在CSS中使用outline：none删除它，但是它不起作用。
答案 0 :(得分：0)
我认为<script src="https://pro.fontawesome.com/releases/v5.3.1/js/all.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div data-id="wishlist">
<div class="wishlist__list">
<ul class="wishlist__items">
</ul>
</div>
</div>
<div class='products'>
<div class="product">
<div id='headphones' class='item__title'>Item 1</div>
<img class="item__img" src="https://www.iconasys.com/wp-content/uploads/2017/06/360-Product-Photography-White-Background-Acrylic-Riser-08.jpg">
<label class="wish-btn">
<input type="checkbox" name="wish-check" class='my-wish-add'/>
<i class="wish-icon far fa-heart">click to wish</i>
</label>
</div>
<div class="product">
<div class="items__cart">
<div id='backpack' class='item__title'>Item 2</div>
<img class="item__img" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQoqpSgkG4AQDQOe33jI1NiW3GW2JSB-_v36aREsVyFQH55JFOJ">
<label class="wish-btn">
<input type="checkbox" name="wish-check" class='my-wish-add'/>
<i class="wish-icon far fa-heart">click to wish</i>
</label>
</div>
</div>
<div class="product">
<div class="items__cart">
<div id='handbag' class='item__title'>Item 3</div>
<img class="item__img" src="https://qph.fs.quoracdn.net/main-qimg-de7d9680c4460296e461af9720a77d64">
<label class="wish-btn">
<input type="checkbox" name="wish-check" class='my-wish-add'/>
<i class="wish-icon far fa-heart">click to wish</i>
</label>
</div>
</div>
</div>应该已经被棱角材料去除了。如果不是，那您就走对了。
您需要添加以下CSS：
outlines确保将其添加到全局.mat-button-toggle-button:focus {
outline: none;
}
中，而不要添加到作用域组件样式中。如果这样做不起作用，请尝试添加styles.css只是为了查看样式是否被覆盖。
通知：当使用TAB键（或等效键）浏览Web文档时，轮廓为具有
!important的链接提供视觉反馈。因此，它们对于视力障碍者真的很重要。如果删除它们，请务必确保将其替换为其他有关焦点状态的视觉反馈。角材料通过更改背景颜色来实现此目的。