天天看点

Chrome浏览器里的-webkit-focus-ring-color

我最初认为,下图的forms.scss会被其他的scss引用,然而根据forms.scss在整个项目进行搜索之后,没有发现任何文件引用到forms.scss:

Chrome浏览器里的-webkit-focus-ring-color

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

Chrome浏览器里的-webkit-focus-ring-color

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

Chrome浏览器里的-webkit-focus-ring-color

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

Chrome浏览器里的-webkit-focus-ring-color
Chrome浏览器里的-webkit-focus-ring-color

参考这个StackOverflow 

thread

继续阅读