::-webkit-progress-inner-element

非标准：此功能是非标准的，并且不在标准轨道上。请勿在面向 Web 的生产站点上使用它：它不会对每个用户都有效。实现之间也可能存在很大的不兼容性，并且行为将来可能会发生变化。

::-webkit-progress-inner-element CSS 伪元素表示 <progress> 元素的最外层容器。它是 ::-webkit-progress-bar 伪元素的父元素。

注意：为了使 ::-webkit-progress-value 生效，需要在 <progress> 元素上将 appearance 设置为 none。

语法

css

::-webkit-progress-inner-element {
  /* ... */
}

这些示例仅在 Blink 和 WebKit 上有效。

在此示例中，在进度条周围添加了 2px 黑色边框。

html

<progress value="10" max="50"></progress>

css

progress {
  -webkit-appearance: none;
}

::-webkit-progress-inner-element {
  border: 2px solid black;
}

如果您没有使用 Blink 或 WebKit 浏览器，则以上代码将导致进度条如下所示

不属于任何标准。

BCD 表格仅在浏览器中加载