语法
css
:popover-open {
/* ... */
}
示例
默认情况下,弹窗出现在视口的中间。默认样式在 UA 样式表中是这样实现的:
css
[popover] {
position: fixed;
inset: 0;
width: fit-content;
height: fit-content;
margin: auto;
border: solid;
padding: 0.25em;
overflow: auto;
color: CanvasText;
background-color: Canvas;
}
要覆盖默认样式并让弹窗出现在视口的其他位置,你可以使用类似以下内容覆盖上述样式:
css
:popover-open {
width: 200px;
height: 100px;
position: absolute;
inset: unset;
bottom: 5px;
right: 5px;
margin: 0;
}
规范
| 规范 |
|---|
| HTML # selector-popover-open |
| 选择器 Level 4 # selectordef-popover-open |
浏览器兼容性
加载中…
另见
- Popover API
popoverHTML 全局属性