如何设置音频元素的样式
  • 2年前
  • 如何设置音频元素的样式1187
  • 如果你在页面里面使用audio标签的话,同时也是在chrome浏览器中,那么可能就会需要下面的代码了:

    audio::-webkit-media-controls-panel
    audio::-webkit-media-controls-mute-button
    audio::-webkit-media-controls-play-button
    audio::-webkit-media-controls-timeline-container
    audio::-webkit-media-controls-current-time-display
    audio::-webkit-media-controls-time-remaining-display
    audio::-webkit-media-controls-timeline
    audio::-webkit-media-controls-volume-slider-container
    audio::-webkit-media-controls-volume-slider
    audio::-webkit-media-controls-seek-back-button
    audio::-webkit-media-controls-seek-forward-button
    audio::-webkit-media-controls-fullscreen-button
    audio::-webkit-media-controls-rewind-button
    audio::-webkit-media-controls-return-to-realtime-button
    audio::-webkit-media-controls-toggle-closed-captions-button
    

    上面的代码就是针对audio元素在Chrome浏览器下默认样式的修改方式,如果感兴趣的可以去尝试一下。

    想要了解更多,可以看看: https://blog.shahednasser.com/how-to-style-an-audio-element/

  • 联系我们
  • 有任何疑问欢迎联系我们
  • WP新手学园
  • 如何设置音频元素的样式
  • 邮箱:2830776172#qq.com(#换成@)
  • 回复时间:9:00-19:00
  • 如果提问.请图文并茂,详细描述问题
  • 如何设置音频元素的样式
  • 微信号:wpxsxy_official
  • 仅支持付费解决问题
  • *并非所有问题都会被回复
  • 如何设置音频元素的样式
  • QQ:2830776172
  • 回复时间:9:00-19:00
  • QQ仅支持付费提问,时间有限,尽情谅解
  • 如何设置音频元素的样式
  • QQ群:198768181
  • 有问题可以进去提问,寻求群友帮助
  • *并非所有问题都会被回复
  • 如何设置音频元素的样式
  • 咸鱼:WP新手学园
  • 如果对于直接交易不放心,可以走闲鱼
  • *咸鱼价格不作为最终交易价格
  • 备案号:鄂ICP备2021011647号-1