- SAP Spartacus visible-focus是如何施加
- SAP 电商云 Spartacus 服务器端渲染的单步调试详细步
- SAP 电商云 Spartacus UI Proxy Facad
- 让 fork 出来的 Github 仓库从远端仓库拖取最新的修改
- SAP Spartacus Definition of Done
- 借助 SAP 电商云 Spartacus UI 提供的 Sche
- 使用 jMeter 对 SAP Spartacus 进行并发性能
- 如何在 SAP 电商云 Spartacus UI 里新建一个页面
- SAP Spartacus的Component映射
- 自定义SAP Spartacus的产品搜索API参数
下图展示了元素padding的效果,padding-inline-end改成140px后, 甩尾效果非常突出:

变量--cx-color-visual-focus:

根据关键字搜索:发现被赋给outline-color:

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

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

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

更多Jerry的原创文章,尽在:"汪子熙":

网友评论