VUE3开发中,el-table设置圆角后,在Google等浏览器上正常,在Safari浏览器上左侧还有一条竖线,试了很多方法都去不掉。如下图所示:
解决方法:用浏览器检查元素可慢慢定位到这条线,显示div class 为:el-table__border-left-patch,如图:
最终设置:
.el-table:deep() {
border-radius: 30px 30px 0 0;
.el-table__border-left-patch {
top: 30px; // 半径高度
}
}