ListItem
用于菜单和选择框中的交互式列表项的基础组件。
由于列表使用了 ariaActiveDescendant,列表项实际上并不会被聚焦。如果想要为被聚焦的列表项添加样式或动画,你可以在 CSS 中使用 :state(focused),或通过覆写 updated() 来处理自定义行为。
属性
| 名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
selected | Boolean | false | 列表项是否被选中。 |
focused | Boolean | false | 列表项是否有焦点。 |
方法
| 名称 | 描述 |
|---|---|
focus() | 在视觉上将焦点状态设置为真。 |
blur() | 在视觉上将焦点状态设置为假。 |