Я использую React для своего проекта и пакет styled-component
для стилевого оформления, но у меня возникла проблема с установкой флажка Material-ui с помощью styled-component.Мне нужно сузить границу флажка, но я не могу найти интерфейс Material-ui для определения ширины границы.
Это мой текущий код:
const StyledCheckbox = styled(Checkbox)`
svg{
color: #CDCDCD;
font-size: 30px;
}
`
для стилизации svg
компонента флажка.Я не знаю, какие props
из svg
имеют дело с шириной границы svg
.Я попробовал некоторые props
как font-weight
, border-width
, но они оба не работают.
Кнопка Codesandbox:
ожидаемый результат:
текущий результат: