部署我的应用程序时，CallComposite azure 样式不起作用答案

【问题标题】：CallComposite azure style does't work when deploying my application部署我的应用程序时，CallComposite azure 样式不起作用
【发布时间】：2021-11-04 20:59:37
【问题描述】：

我为我的 callcomposite 创建了一个带有样式组件的 css 文件，但是当我部署我的应用程序时，这些 css 属性的某些操作系统不起作用。

如何将属性 css 添加到我的 callcomposite 内部组件，如控制栏、视频、按钮等...而不丢失它？

第二个问题，我如何从这个 callcomposite 根自定义背景？

    <Container>
      <CallComposite adapter={callAdapter} />
    </Container>

在我的容器中，我有一些使用样式组件的 CSS。

export const Container = styled.div`
  height: 100vh;

  .ms-Dropdown-title {
    background: #ffffff;
    border-radius: 5px;
    border: none;
    font-family: "Poppins", sans-serif !important;
    font-size: 11px;
  }


  .ms-Stack .css-131 .ui-icon {
    color: black;
  }

  .ui-icon {
    color: black;
  }

  .ms-Button--primary {
    width: 364px;
    height: 54px;
    border: none;
    background: #28dc8e;
    border-radius: 8px;
    filter: drop-shadow(5px 4px 10px rgba(0, 0, 0, 0.25)) !important;
  }

  .ms-Dropdown-label {
    font-family: "Poppins", sans-serif !important;
    color: white;
  }
`;

【问题讨论】：

标签： html css azure azure-communication-services

【解决方案1】：

此时我们只在组件层通过fluent-style样式暴露样式。目前在设计中，我们正在探索使用设计标记，类似于 css 的变量，面向用户的命名约定，而不是 web 开发人员更容易理解的 css 术语。

请在我们的 github 问题上分享您的问题 https://github.com/Azure/communication-ui-library/issues 看看能不能帮到你。

【讨论】：