Css 如何删除默认的蓝色边框的按钮一旦你做onblur?

Css 如何删除默认的蓝色边框的按钮一旦你做onblur?,css,Css,我在YouTube上随机玩Mac上的tab按钮,我看到他们正在设计视频播放器下面导航栏的按钮,我的意思是,当你做onblur时,边框上默认的蓝色消失了,在那里你会看到一个黄色边框 我如何使用css实现它 查看图片。同时,Youtube是HTML5播放器。因此,您可以在播放器上应用CSS 音域类为ytp音量悬停区及其HTML: <span class="ytp-volume-hover-area" draggable="true" style="-webkit-user-drag: none

我在YouTube上随机玩Mac上的tab按钮,我看到他们正在设计视频播放器下面导航栏的按钮,我的意思是,当你做onblur时,边框上默认的蓝色消失了,在那里你会看到一个黄色边框

我如何使用css实现它


查看图片。

同时,Youtube是HTML5播放器。因此,您可以在播放器上应用CSS

音域类为ytp音量悬停区及其HTML:

<span class="ytp-volume-hover-area" draggable="true" style="-webkit-user-drag: none;"><div class="ytp-volume-control" draggable="true" style="-webkit-user-drag: none;"><div class="ytp-button ytp-button-volume" role="button" tabindex="6100" aria-label="sesi aç değiştir" data-value="off"></div><div class="ytp-volume-panel" role="slider" aria-valuemin="0" aria-valuemax="100" tabindex="6200" aria-valuenow="85" aria-valuetext="85% ses düzeyi sessiz"><div class="ytp-volume-slider" draggable="true" style="-webkit-user-drag: none;"><div class="ytp-volume-slider-foreground" style="left: 0px;"></div></div></div></div><div class="ytp-time-display html5-control" aria-hidden="true"><span class="ytp-time-current">0:03</span><span class="ytp-time-separator"> / </span><span class="ytp-time-duration">2:15</span><span class="ytp-time-live-badge">Live</span></div></span>
0:03/2:15现场直播

您可以通过
应用CSS!重要信息
如果玩家在您的网站上有。这不是一个好的解决方案,但它是一个解决方案。

Youtube播放器不是HTML元素,而是flash对象。您不能将CSS应用于Flash对象内部的对象。是的,但问题是:当您使用onblur时,是否可以对任何其他html元素应用CSS?