关于微信小程序 rich-text中hr等标签样式无法修改的问题(已解决)

@Ta 2021-10-15发布,2021-10-16修改 6622点击

前排提示:

根据九楼@水木易安 大佬的指点,已经成功搞定。

原帖:@姜辰,看起来只能是给 hr 标签加 style 或者 class 了 [滑稽]

https://developers.weixin.qq.com/community/develop/doc/b21d0ca46793f149a78e40d090d90c70?highLine=rich-text%2520css

感谢大佬的指点。


原帖:

各位大佬好,请教一下在微信小程序中 rich-text,属性为nodes时,如何让wxss的hr、h3、h4等的样式生效?一直都是默认样式。

在根目录app.wxss中添加如下:

hr {
  width:80%;
  margin:0 auto;
  border: 0;
  height: 4px;
  background: #333;
  background-image: linear-gradient(to right, rgb(116, 186, 216), #333, #E6E6FA);
 }

但是在文章的页面使用下面这个依然没办法。让hr生效,还是一条黑线。emmm

      <view class="desc" >
        <rich-text nodes="{{ data.content }}"></rich-text>
      </view>

而在app.wxss中设置的.article-item .desc这个,是生效的。所以,想问问大佬,如何让hr、h3、h4等的样式生效?

回复列表(15|隐藏机器人聊天)
添加新回复
回复需要登录