收藏
回答

radio 组件怎么只让勾选的地方有阴影或者有边框?

问题,只想让绿色勾选的圈圈有阴影或者边框



wxml部分
<view class="settlement">
    <radio>全选</radio>
    <view>
        <text>合计:100</text>
        <button> 结算(2)</button>
    </view>
</view>

css 部分

radio {
    color: gray;
    box-shadow:black 0rpx 0rpx 10rpx;
    border:1rpx solid black;
}

这样做显然是不行的,他连里面的字都会把他围住,我只想要点击勾选的那个地方有效果
回答关注问题邀请回答
收藏

4 个回答

  • showms
    showms
    2023-05-02

    可以尝试一下

    .wx-radio-wrapper:has(.wx-radio-input-checked) {

        border: 1px solid;

    }

    2023-05-02
    有用 1
    回复
  • 神经蛙
    神经蛙
    2023-05-02

    自己搞一个自定义组件呗

    2023-05-02
    有用
    回复
  • 尘
    2023-05-01

    弄俩png图片就解决了 还写样式

    2023-05-01
    有用
    回复
  • 游戏人生
    游戏人生
    2023-04-30

    如果一定要做的话,只能写模拟,没有针对原生按钮的圆形的样式

    2023-04-30
    有用
    回复
登录 后发表内容