Я использую радио antd и флажки. Я хочу придать им индивидуальные цвета. Я нашел ответ о флажке, но не нашел способа изменить цвет переключателя.
Есть ли способ сделать это?
Я использую радио antd и флажки. Я хочу придать им индивидуальные цвета. Я нашел ответ о флажке, но не нашел способа изменить цвет переключателя.
Есть ли способ сделать это?
Вы можете добиться этого, переопределив следующие классы css:
.ant-radio-checked .ant-radio-inner{
border-color: red !important ;
}
.ant-radio-checked .ant-radio-inner:after{
background-color: red;
}
.ant-radio:hover .ant-radio-inner {
border-color: red ;
}
Первый блок отвечает за раскрашивание кружка вокруг точки в радио. Вы можете игнорировать правило! Important, но тогда вам придется переопределить селектор: focus, например:
.ant-radio-checked .ant-radio-inner:focus{
border-color: red;
}
Второй блок раскрашивает точку в середине выбранного радио. Последний цветовой круг при наведении. Я не совсем уверен, почему ant-radio-inner должен быть внутри radio: hover, но у меня это работает.