Chrome浏览器里的-webkit-focus-ring-co
2021-02-18 本文已影响0人
华山令狐冲
我最初认为,下图的forms.scss会被其他的scss引用,然而根据forms.scss在整个项目进行搜索之后,没有发现任何文件引用到forms.scss:

使用专业的文件搜索工具,发现最后生成的styles-es2015.js里包含了forms.scss:

将SAP Spartacus :focus相关的scss都注释掉,会发现如今SAP Spartacus会使用浏览器默认的user agent stylesheet来渲染:focus效果:

默认情况下,outline的颜色是-webkit-focus-ring-color: rgb(16,16,16)


参考这个StackOverflow thread
更多Jerry的原创文章,尽在:"汪子熙":
