2

我为我的 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;
  }
`;
4

1 回答 1

1

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

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

于 2021-09-29T23:01:59.153 回答