【发布时间】:2019-05-24 17:28:42
【问题描述】:
我有一个 Antd 复选框,我正在尝试将其放大,更改框本身的厚度并将颜色更改为黑色,但我应用的每种样式都会在复选框上方创建第二个正方形,并且不会更改复选框本身。有人对如何做到这一点有任何想法吗?
【问题讨论】:
-
您是否添加了
appearance: none;以确保浏览器默认不呈现?
标签: reactjs checkbox styled-components antd
我有一个 Antd 复选框,我正在尝试将其放大,更改框本身的厚度并将颜色更改为黑色,但我应用的每种样式都会在复选框上方创建第二个正方形,并且不会更改复选框本身。有人对如何做到这一点有任何想法吗?
【问题讨论】:
appearance: none; 以确保浏览器默认不呈现?
标签: reactjs checkbox styled-components antd
通过使用&&&{border: 2px solid ${({ theme }) => theme.colors.black} 三和符号来解决这个问题,允许您在使用像我这样的混合样式组件时添加更多特异性。
【讨论】: