border与background: linear-gradient冲突的解决方案

原代码

border: 1.8rpx solid rgba(255, 255, 255, 0.10); background: linear-gradient(115deg, rgba(21, 22, 26, 0.80) 0%, rgba(21, 22, 26, 0.60) 100%); backdrop-filter: blur(9rpx);

border与linear-gradient冲突，注释掉border渐变能够显示，注释掉渐变boeder能显示

解决方案，增加伪元素，border写在伪元素里

.setting-btns::after { content: ''; position: absolute; inset: 0; border-radius: 32.4rpx; border: 1.8rpx solid rgba(255, 255, 255, 0.1); pointer-events: none; z-index: 2; }