我想将自定义CSS应用于web3uikit中的<ConnectButton>元素。我用CSS类（“myDiv”）在它周围添加了一个div，并尝试通过CSS将其定位为如下所示：.myDiv button { color:red !important }但是这些更改并没有应用到按钮上。我如何将样式应用到这个元素上呢？
<ConnectButton>
.myDiv button { color:red !important }
ccrfmcuu1#
在使用interactive example on the web3ui github docs进行测试后，我注意到button内部有一个控制文本颜色的span。对于按钮背景颜色，这就足够了
button
span
.myDiv button { background-color:red !important }
但是，如果要更改文本颜色，则必须将选择器更改为以下内容：
.myDiv button span { color:red !important }
请看下面的图片作为例子，我希望它可以直观地解释它更好。正如你所看到的，我添加了特定的按钮造型样式到button元素。但文本样式到span内部。
让我知道这是否解决了你的问题，如果没有，让我知道，我会进一步研究它。
1条答案
按热度按时间ccrfmcuu1#
在使用interactive example on the web3ui github docs进行测试后，我注意到
button内部有一个控制文本颜色的span。对于按钮背景颜色，这就足够了
但是，如果要更改文本颜色，则必须将选择器更改为以下内容：
请看下面的图片作为例子，我希望它可以直观地解释它更好。正如你所看到的，我添加了特定的按钮造型样式到
button元素。但文本样式到span内部。让我知道这是否解决了你的问题，如果没有，让我知道，我会进一步研究它。