交互状态系统:hover、focus、active、disabled、loading | CSS

本章覆盖:hover state;focus state;focus-visible;active / pressed;disabled;selected;loading;error / success;state selector / class / data attribute;CSS 表现状态与 JavaScript 业务状态的边界;不仅通过颜色表达状态;企业组件库需要统一 state design。

本章知识点

  • hover state
  • focus state
  • focus-visible
  • active / pressed
  • disabled
  • selected
  • loading
  • error / success
  • state selector / class / data attribute
  • CSS 表现状态与 JavaScript 业务状态的边界
  • 不仅通过颜色表达状态
  • 企业组件库需要统一 state design