TDesign 的 Message 消息怎么自定义样式不生效?

♫瑞静 阅读 21

我在用 TDesign 的 Message 组件时,想改一下背景色和文字颜色,但加了 CSS 好像没反应。我试过用 class 覆盖,也试过加 !important,都不行,是不是它的样式被 scoped 限制了?

这是我的 CSS 代码:

.t-message--info {
  background-color: #e6f7ff !important;
  color: #1890ff !important;
}
.t-message__text {
  font-weight: bold;
}
我来解答 赞 1 收藏
二维码
手机扫码查看
1 条解答
慧利~
慧利~ Lv1
我之前踩过这个坑,TDesign 的 Message 组件默认是挂到 下的,不是你当前组件的子节点,所以你写的样式在当前组件的 style 里根本作用不到它,哪怕加了