office-ui-fabric-react样式组合框标签在左边，为什么需要！重要

Question

我想在组合框的左侧有标签。我也很好奇为什么我需要在样式中添加！important以使其覆盖.root样式。

             <ComboBox
                label='AUDIT Month'
                id='AuditMonth'
                options={this._getMonths()}
                styles={
                  {
                      label:{display:'inline-block !important'},
                      input:{display:'inline-block !important'},
                  }
              }
                defaultSelectedKey=''
                allowFreeform={false}
                autoComplete='on'
            />

上面仍保留.root样式，并没有将标签放在我想要的位置。

            <ComboBox
                label='AUDIT Month'
                id='AuditMonth'
                options={this._getMonths()}
                styles={
                  {
                      label:{color:'fuchsia'},
                  }
              }
                defaultSelectedKey=''
                allowFreeform={false}
                autoComplete='on'
            />

这不起作用，除非我添加！important，我不想这样做。

感谢您的帮助。