javascript - 删除 Div 上的 "Border"

Question

我正在为一个 Web 元素使用两个 JavaScript 库，一个用于制作幻灯片 (bootstrap-slider.js)，另一个用于处理某个 div 上的滑动事件 (jquery.touchSwipe.min.js)

在 jquery.touchSwipe.min.js 库中，我可以设置一个 excludedElements 属性

$(".div_Oggetti").swipe({

    swipe:function(event, direction, distance, duration, fingerCount, fingerData) {

    if(....){


            switch(direction){
                case "left" : 

                    ...

                break;
            }
        }

    },
     threshold:100,
     excludedElements : ".slider-handle,button, input, select, textarea, a, .noSwipe"
  });

但是当我插入滑动球类 (.slider-handle) 时，在要从滑动事件中排除的元素上，边缘 id 添加到滑动球(chrome 上为蓝色，firefox 上为黑色方 block )

我无法使用 border: none 或 text-decoration: none 删除它

如何删除该边框？谢谢

Answer 1

只需设置outline属性为 none:

.slider-handle {
    outline: none;
}