原代码
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; }