Github新版的勾选按钮样式不正确

bling丶一闪

就是这样的按钮，勾选上以后变成一条竖线了，正常的效果应该是打钩。入口在图1。5.1.1130.129

这次我特地换了一台新电脑试的，应该不会是我的问题了

S8F8ry

  看了来，是由于百分浏览器所用的内核无法识别规范的蒙版样式属性名，Chromium 120 内核版本起才支持规范的 mask-* 属性名，在此之前需要 -webkit- 前缀即 -webkit-mask-*，详情见：Feature: CSS masking。


目前在百分上要想正确显示这个多选框只能自行补充类似的样式了：

1. .prc-Checkbox-Checkbox-gIwWX:before {
   
2.   -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTIgOSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzguMjJhLjc1Ljc1IDAgMCAxIDAgMS4wNjFsLTcuMjYgNy4yNmEuNzUuNzUgMCAwIDEtMS4wNjIgMEwuMjAyIDUuMjg1YS43NS43NSAwIDAgMSAxLjA2MS0xLjA2MWwyLjcyNSAyLjcyM0wxMC43MTguMjJhLjc1Ljc1IDAgMCAxIDEuMDYyIDAiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
   
3.   -webkit-mask-position: center;
   
4.   -webkit-mask-repeat: no-repeat;
   
5.   -webkit-mask-size: 75%;
   
6. }

复制代码