开发者

Chrome's HTML5 audio controls have a transparent background. How to fix this?

开发者 https://www.devze.com 2023-03-24 03:23 出处:网络
I have an <audio> element in a webpage. I\'m happy to use the native browser controls, which are fine in Firefox, Safari, and Chrome for the Mac.

I have an <audio> element in a webpage. I'm happy to use the native browser controls, which are fine in Firefox, Safari, and Chrome for the Mac.

However, Chrome (12.0.742.122 on Windows 7) is displaying the native audio player with开发者_如何学运维out any background:

Chrome's HTML5 audio controls have a transparent background. How to fix this?

For comparison's sake, here's how it looks on Chrome (14.0.835.0) on OSX:

Chrome's HTML5 audio controls have a transparent background. How to fix this?

I realise my Mac's a couple of versions forward (it's on the dev channel) but this seems like a surprising issue. Any idea how to fix it?

Alternatively, can anyone recommend a completely painless player (with flash fallback) that I can drop it to style them all the same?


If you wrapped it in a div with a medium-gray background, wouldn't it work around the problem in Chrome 12 and still look the same in Chrome 14?


This is a known bug: http://code.google.com/p/chromium/issues/detail?id=82170

0

精彩评论

暂无评论...
验证码 换一张
取 消