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

时间:2014-11-30 19:20:54

标签: css css3

youtubevolumebar

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

我怎样才能用css做到?

检查图像http://screencast.com/t/hXbNEG5jR5o

1 个答案:

答案 0 :(得分:1)

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

声音区类为ytp-volume-hover-area及其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>

如果玩家在您的网站上,您可以通过!important申请CSS。这不是一个好的解决方案,但它是一个解决方案。