Vue设置背景色透明度字体不透明

如图所示效果，可通过设置background属性的rgba，实现自定义背景色透明度但字体不透明

image.png

布局：

<view class="tag1">
            你好
        </view>

css:

.tag1 {
        margin-top: 50rpx;
        padding: 15rpx;
        border-radius: 5rpx;
        font-size: 30rpx;
        font-family: PingFang SC;
        font-weight: 400;
        color: #487EEA;
        background: rgba(222,222,221,0.5);
    }