微信小程序之一个盒子的padding部分的背景着色问题

今天给一个有padding的盒子，点击它后会添加背景色时候，发现并不能铺满整个盒子，搜索一下padding部分设置属性是不可行的，因为margin和padding只是控制内外边距的，他们本身就是个属性，所以无法在他们上面设置。所以我的解决方法就是在外面那一层添加背景色。

wxml部分代码：

  <view class="Btns">
    <block wx:for="{{itemList}}" wx:key="*this">
    <!-- 通过item.isSelected的true/false,来判断给这个view添加那个class -->
      <view class="{{item.isSelected?'BtnView':'BtnView2'}}">
        <view class='Btn' bindtap='itemSelected' data-index='{{index}}'>
          <text class="">{{item.name}}</text>
        </view>
      </view>
    </block>
  </view>

wxss部分代码：

.BtnView {
  background-color: #2cc3a6;
  margin-right: 30rpx;
}

.BtnView2 {
  margin-right: 30rpx;
}

.Btn {
  padding: 10rpx 20rpx;
  border: 2px solid #afe1da;
  box-shadow: 0 0 1px lightblue;
  border-radius: 10rpx;
  color: #afe1da;
}

效果图：

对于这个问题有好的解决方法可以评论区告诉我哦~