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

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;
}

这样做显然是不行的，他连里面的字都会把他围住，我只想要点击勾选的那个地方有效果