Taro 多端编译时样式不生效怎么办？

桂霞提问于 2026-03-14 22:02:21 阅读 2

框架

我在用 Taro 开发一个多端项目，H5 和微信小程序都正常，但编译到支付宝小程序时，部分样式完全没生效。比如下面这个按钮的边框和圆角，在支付宝里就是默认样式。

我试过把 px 换成 rpx，也检查了类名有没有拼错，甚至加了 !important 都不行，是不是 Taro 对支付宝的样式处理有啥坑？

const MyButton = () => {
  return (
    <View className='btn'>
      点击我
    </View>
  );
};

对应的 CSS 是：

.btn { border: 2rpx solid #007aff; border-radius: 12rpx; padding: 10rpx 20rpx; }

多端适配

我来解答赞 0 收藏

反馈

暂无解答