html - 为网络摄像头视频元素添加边框半径

Question

如何为视频元素添加边框半径。这是我的代码。它在 mozilla-firefox 中工作正常，但在 chrome 中失败。视频元素边框半径不支持 chrome。

CSS #视频{

-moz-border-radius:40px;
 webkit-border-radius:40px;
 border-radius:40px;

HTML:

<video id="video"  style="display:block;margin:0 auto;"></video>

提前致谢。

Answer 1

您在 -webkit-border-radius 中缺少 -。

我找到了这个css tricks blog对查找跨浏览器样式非常有帮助。