css - 如何减小 office ui fabric 中复选框和单选按钮的大小

Question

我正在为 Microsoft Office Online 开发一个网络应用插件。我正在使用 http://dev.office.com/fabric/components/choicefield链接中显示的单选按钮和复选框按钮。

如何减小这些控件的大小，主要是单选框和复选框。这些控件的大小比我预期的要大。

Answer 1

如果使用 UI Fabric React，您可以直接使用 api 设置复选框样式，例如:

render() {
  const styles = {
    checkbox: {
      width: "16px",
      height: "16px"
    }
  }

  return <Checkbox
    label="Checkbox"
    styles={styles}
  />
}

https://developer.microsoft.com/en-us/fabric#/controls/web/checkbox#implementation