单元素做单选按钮
background-clip: border-box|padding-box|content-box;
border-box | 背景被裁剪到边框盒。(默认属性) |
padding-box | 背景被裁剪到内边距框。 |
content-box | 背景被裁剪到内容框。 |
content-box 使用方法
.presell-solid{
margin-left: 10rpx;
width: 24rpx;
height: 24rpx;
padding: 4rpx;
border:4rpx solid #999;
background: #999;
background-clip:content-box; //核心方法 padding部分不计入背景色
border-radius: 14rpx;
}
<view class="presell-solid"></view>
也可使用padding-box;