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

Question

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

如何将 CSS 属性添加到组件内部的 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;
  }
`;

Answer 1

此时我们仅通过 Fluent-style 样式在组件层公开样式。目前在设计中，我们正在探索设计标记的使用，类似于 CSS 的变量，面向用户的命名约定，而不是 Web 开发人员可以更好理解的 CSS 术语。

请在我们的 github issues 上分享您的问题: https://github.com/Azure/communication-ui-library/issues我们可以看看是否可以帮助您。