收藏
回答

border-bottom渐变样式,开发工具和手机端显示不同的问题?

代码:

  border-bottom: 4px solid;
  border-top: none; // 加不加都一样
  border-leftnone; // 加不加都一样
  border-rightnone; // 加不加都一样

    <text style="border-image:linear-gradient(to right,{{currentMenu=='menu1'?'red':'#eee'}},#eee) 4 4">商品</text>


开发工具

手机效果

最后一次编辑于  2021-03-09
回答关注问题邀请回答
收藏

1 个回答

  • commy
    commy
    2021-03-09

    麻烦提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2021-03-09
    有用 1
    回复 2
    • Sun
      Sun
      2021-03-10
      https://developers.weixin.qq.com/s/MYWCHGmG7coQ,手机iphone11,系统ios14.4
      2021-03-10
      回复
    • commy
      commy
      2021-03-10回复Sun
      这是ios safari webview 和 chrome 对 border-image 实现的差异导致,建议换一种方式实现样式效果。
      2021-03-10
      回复
登录 后发表内容
问题标签