css - HTML5 输入范围 slider 可运行轨道未在 Safari 8.0.5 上显示

Question

有没有人能解决这个问题？我正在使用 -webkit 前缀，但没有成功。

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    cursor: pointer;
    background: $blue;
    height: 1px;
    margin-top: -10px;
    border-radius: 1.3px;
    border: 0.2px solid $blue;
}

它应该是这样的:

在 Safari 8.0.5 上它看起来像这样:

Answer 1

我用 safari only css 解决了这个问题

_::-webkit-full-page-media, _:future, :root input[type=range] {
 width: 100%;
 cursor: pointer;
 background: $blue;
 height: 1px;
 margin-top: -10px;
 border-radius: 1.3px;
 border-top: 0.5px solid $blue;
 background-color: $blue;
}