Css 在Safari中使用阴影dom隐藏html5视频中的全屏按钮

Css 在Safari中使用阴影dom隐藏html5视频中的全屏按钮,css,html5-video,shadow-dom,Css,Html5 Video,Shadow Dom,我想在Safari浏览器中隐藏HTML5视频控件中的全屏按钮。我找到了shadowdom元素…,它包含全屏按钮的控件。但我找不到任何方法将css应用于这些元素。在调试模式下,我应用了运行良好的css运行时。但我不知道如何为shadowdom元素编写css查询。有没有办法将css应用于阴影dom元素?我写了下面的css来隐藏按钮,但无法工作 <style> .media-controls.inline.uses-ltr-user-interface-layout-direction &

我想在Safari浏览器中隐藏HTML5视频控件中的全屏按钮。我找到了shadowdom元素
,它包含全屏按钮的控件。但我找不到任何方法将css应用于这些元素。在调试模式下,我应用了运行良好的css运行时。但我不知道如何为shadowdom元素编写css查询。有没有办法将css应用于阴影dom元素?我写了下面的css来隐藏按钮,但无法工作

<style>
.media-controls.inline.uses-ltr-user-interface-layout-direction > .controls-bar.top-left {display : none;}
</style>

.media-controls.inline.uses-ltr-user-interface-layout-direction>.controls-bar.top-left{display:none;}
提前谢谢