Azure CallComposite部署后样式失效，如何自定义内部组件及根背景

问题2：自定义CallComposite根节点的背景样式 #

有两种稳定的实现方案：

1. 基于你现有的外层Container，选择CallComposite的稳定根类.ac-call-composite修改样式：

   export const Container = styled.div`
     height: 100vh;
     && .ac-call-composite {
       /* 可自定义背景色、渐变、背景图等 */
       background: linear-gradient(180deg, #232526 0%, #414345 100%);
       height: 100%;
     }
     // 其余内部组件样式...
   `
   

2. 直接通过CallComposite的styles属性配置根节点样式，优先级最高：

   <CallComposite
     adapter={callAdapter}
     styles={{
       root: {
         background: '#000',
         height: '100vh',
         padding: '20px'
       }
     }}
   />
   

内容的提问来源于stack exchange，提问作者Alisson Blaas