天天看点

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上的