Safari5 8.0.5上沒有顯示HTML5輸入範圍滑塊runnable軌跡

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只有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; 
}