SAP Spartacus visible-focus是如何施加到HTML element上的

下图展示了元素padding的效果,padding-inline-end改成140px后, 甩尾效果非常突出:

SAP Spartacus visible-focus是如何施加到HTML element上的

变量–cx-color-visual-focus:

SAP Spartacus visible-focus是如何施加到HTML element上的

根据关键字搜索:发现被赋给outline-color:
SAP Spartacus visible-focus是如何施加到HTML element上的

可以把visible-focus看成一个place holder,scss被编译成css时会被展开:

SAP Spartacus visible-focus是如何施加到HTML element上的

这个visible-focus是如何施加到HTML element上的?
使用include导入:

SAP Spartacus visible-focus是如何施加到HTML element上的

答案在这里,施加到cx-table:focus-within上面:

SAP Spartacus visible-focus是如何施加到HTML element上的

更多Jerry的原创文章,尽在:“汪子熙”:
SAP Spartacus visible-focus是如何施加到HTML element上的