F9y4ng / GreasyFork-Scripts

The open source code of this project is used for userscripts (油猴脚本) for desktop browsers, including Font Rendering (Customized) (字体渲染(自用脚本)- Font Rendering.user.js), and Search Engine Assistant (优雅的搜索引擎助手 - Google & Baidu Switcher.user.js), etc.
https://f9y4ng.github.io/GreasyFork-Scripts/
GNU General Public License v3.0
951 stars 46 forks source link

[发现错误] 字体渲染脚本会导致Google相关网站的按钮控件显示异常 #129

Closed Sostay closed 2 years ago

Sostay commented 2 years ago

image

目前已发现受影响的两个地方(上图左侧为开启脚本效果,右侧为关闭效果)

https://play.google.com <span aria-hidden="true">google_logo Play</span>

https://podcasts.google.com <span class="DPvwYc" aria-hidden="true">playlist_add</span>

**客户端信息:

Sostay commented 2 years ago

是字体冲突吗?在开发者工具里关掉字体css就能正常显示~

F9y4ng commented 2 years ago

你已经自己找到的样式问题的所在位置,只是需要通过一些样式过滤的方式来实现。

解决办法:

https://play.google.com/需要渲染的网页元素中,追加 :not(a.f0UV3d,a.f0UV3d>span[aria-hidden='true']),保存为站点独享即可。

https://podcasts.google.com/需要渲染的网页元素中,追加 :not(span[class][aria-hidden='true']),保存为站点独享即可。

Sostay commented 2 years ago

好的 已解决,感谢!