使用CSS去掉点击后出现的默认边框(video/input...)


在元素上添加 outline 属性

 outline: none;

 

去除视频默认控件

// 在每个控件加上 display: none
video::-webkit-media-controls-fullscreen-button {
        /* display: none; */
}

 video::-webkit-media-controls-play-button {

}

video::-webkit-media-controls-timeline {

}

video::-webkit-media-controls-current-time-display {

}

video::-webkit-media-controls-time-remaining-display {

}

video::-webkit-media-controls-mute-button {

}

video::-webkit-media-controls-toggle-closed-captions-button {

}

 video::-webkit-media-controls-volume-slider {

}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM