从html图像中删除选定的大纲

所以我有一个标志旋转木马。每当我点击其中一个标志，就会出现一个黑色的轮廓。意思是它被选中了。我已经试过使用

img::selection {
background: transparent;

}

但它并没有真正起作用。我想删除那个黑色的轮廓选择。下面是它的外观示例

这是我的实际代码

HTML

<section class="customer-logos slider pb-5">
        <div class="slide"><img src="logos_clientes/img1.png"></div>
        <div class="slide"><img src="logos_clientes/img2.png"></div>
        <div class="slide"><img src="logos_clientes/img3.png"></div>
        <div class="slide"><img src="logos_clientes/img4.png"></div>
        <div class="slide"><img src="logos_clientes/img5.png"></div>
        <div class="slide"><img src="logos_clientes/img6.png"></div>
        <div class="slide"><img src="logos_clientes/img7.png"></div>
     </section>

---

抱歉，代码太长了。我希望有人能帮我去掉黑色的轮廓？谢谢

如果您这样做，您的问题可以得到解决（另外，请尝试添加

！important

）：

或

或

---

如果您这样做，您的问题可以得到解决（另外，请尝试添加

！important

）：

或

或

---

这是否只发生在Chrome或任何浏览器中？嘿。有人对这个解决方案发表了评论，它成功了。谢谢，这只会在Chrome或任何浏览器中发生吗？嘿。有人对这个解决方案发表了评论，它成功了。非常感谢，非常感谢！第二个选项有效如果我的答案对您有帮助，请单击我答案左侧的复选标记进行标记。谢谢，非常感谢！第二个选项有效如果我的答案对您有帮助，请单击我答案左侧的复选标记进行标记。感谢

.slick-slide {
    margin: 0px 20px;
  }
  .slick-slide img {
      width: 100%;
  }
  .slick-slider
  {
      position: relative;
      display: block;
      box-sizing: border-box;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
      touch-action: pan-y;
      -webkit-tap-highlight-color: transparent;
  }
  .slick-list
  {
      position: relative;
      display: block;
      overflow: hidden;
      margin: 0;
      padding: 0;
  }
  .slick-list:focus
  {
      outline: none;
  }
  .slick-list.dragging
  {
      cursor: pointer;
      cursor: hand;
  }
  .slick-slider .slick-track,
  .slick-slider .slick-list
  {
      -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
           -o-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
  }
  .slick-track
  {
      position: relative;
      top: 0;
      left: 0;
      display: block;
  }
  .slick-track:before,
  .slick-track:after
  {
      display: table;
      content: '';
  }
  .slick-track:after
  {
      clear: both;
  }
  .slick-loading .slick-track
  {
      visibility: hidden;
  }
  .slick-slide
  {
      display: none;
      float: left;
      height: 100%;
      min-height: 1px;
  }
  [dir='rtl'] .slick-slide
  {
      float: right;
  }
  .slick-slide img
  {
      display: block;
  }
  .slick-slide.slick-loading img
  {
      display: none;
  }
  .slick-slide.dragging img
  {
      pointer-events: none;
  }
  .slick-initialized .slick-slide
  {
      display: block;
  }
  .slick-loading .slick-slide
  {
      visibility: hidden;
  }
  .slick-vertical .slick-slide
  {
      display: block;
      height: auto;
      border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
      display: none;
  }

.slick-active {
  outline: none;
}

.slick-slide {
  outline: none;
}

.slick-slide:active {
  outline: none;
}