我最初认为,下图的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

更多Jerry的原创文章,尽在:“汪子熙”:
Chrome浏览器里的-webkit-focus-ring-color

相关文章:

  • 2021-06-14
  • 2022-12-23
  • 2022-01-14
  • 2021-12-29
  • 2022-03-06
  • 2021-12-28
  • 2022-01-09
  • 2021-08-06
猜你喜欢
  • 2022-12-23
  • 2021-12-19
  • 2022-12-23
  • 2022-12-23
  • 2022-02-18
  • 2021-05-23
相关资源
相似解决方案