极客react之Ant Design Pro系列快速入门(五)--更改控件的默认样式

更改控件默认样式

对于ant design的控件都有自己的默认样式,如输入框默认背景,checkbox也是一样,可以使用global属性更改

  1. 找到样式对应的css类,input为.ant-input,CheckBox为.ant-checkbox-inner
  2. less文件中重写使用属性global重写类

    :global {
    .ant-input {
    background-color: rgb(1, 71, 165);
    border-color: rgb(9, 104, 204);
    }
    .ant-checkbox-inner {
    background-color: rgb(1, 71, 165);
    border-color: rgb(0, 254, 249);
    }
    }

你可能感兴趣的:(react,react,ant,控件,默认样式)