Sharepoint 如何使用SharePont Framework module.scss设置Office结构组件的样式

Sharepoint 如何使用SharePont Framework module.scss设置Office结构组件的样式,sharepoint,spfx,office-fabric,Sharepoint,Spfx,Office Fabric,我正在尝试设计一个在SPFX web部件中使用的虚拟化邮箱。问题是,如果我在web部件module.scs中使用组合框类(即ms ComboBox Input)作为选择器,则会将唯一ID附加到组合框类(即ms-ComboBox-Input_4d3ebf8a)中,但VirtualizedComboBox组件不会将ID附加到它使用的类中 根据MS文档,SCS中的嵌套选择器不应将ID附加到嵌套选择器,但事实证明并非如此。当我嵌套时,当我需要“.formGroup_4d3ebf8a.ms-ComboBo

我正在尝试设计一个在SPFX web部件中使用的虚拟化邮箱。问题是,如果我在web部件module.scs中使用组合框类(即ms ComboBox Input)作为选择器,则会将唯一ID附加到组合框类(即ms-ComboBox-Input_4d3ebf8a)中,但VirtualizedComboBox组件不会将ID附加到它使用的类中


根据MS文档,SCS中的嵌套选择器不应将ID附加到嵌套选择器,但事实证明并非如此。当我嵌套时,当我需要“.formGroup_4d3ebf8a.ms-ComboBox-Input_4d3ebf8a”时,它会显示为“.formGroup_4d3ebf8a.ms-ComboBox-Input”。有什么想法吗?

要添加自定义CSS,请指定“按类名自定义CSS”属性

例如:

<ComboBox
              label='Disabled uncontrolled example with defaultSelectedKey:'
              defaultSelectedKey='D'
              className={ styles.TestClass }
              options={
                [
                  { key: 'A', text: 'Option a' },
                  { key: 'B', text: 'Option b' },
                  { key: 'C', text: 'Option c' },
                  { key: 'D', text: 'Option d' },
                  { key: 'E', text: 'Option e' },
                  { key: 'F', text: 'Option f' },
                  { key: 'G', text: 'Option g' },
                ]
              } 


.TestClass{
  background-color: aqua;

  input {
    background-color: cadetblue
  }
}