ant 修改組件默認樣式屬性

得在 less 裏面使用 :global 修改,不能是css文件.

:global 修改是全局生效的,所以建議修改之前要加上calssName="樣式名"; 不是 className={style.樣式名} ,是直接寫“”。

然後在調試工具找到你要修改的樣式的屬性名,如圖:

來個單選框的樣式修改代碼,效果圖:

          <Form.Item>
            <Radio.Group className="modal_Radio" defaultValue="a" size="large" onChange={onChange3}>
              <RadioButton value="a">30~40</RadioButton>
              <RadioButton value="b">小於20</RadioButton>
              <RadioButton value="c">30~40</RadioButton>
              <RadioButton value="d">30~40</RadioButton>
            </Radio.Group>
          </Form.Item>

less

:global{
    .modal_Radio{
        .ant-radio-button-wrapper:not(:first-child)::before{
            display: none
        } 
    }
}

。。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章