創建自定義的輸入類型範圍的跨瀏覽器

Question

我試圖用一些CSS來定製的HTML5輸入類型=種類的標籤，所以到目前爲止，我已經使用WebKit的取得了一句：

div#timeline input[type="range"] { 
    -webkit-appearance: none; 
    background-color: darkgray; 
    height: 2px; 
     border-right: black solid 4px; 
     border-left: black solid 4px; 
} 

div#timeline input[type="range"]::-webkit-slider-thumb { 
    -webkit-appearance: none; 
    position: relative; 
    top: 0px; 
    z-index: 1; 
    width: 16px; 
    height: 8px; 
    background: #696060; 
} 

但是好像這僅適用於Chrome，是否可以製作自定義滑塊，以便每個瀏覽器都相同？ 我正在考慮製作一些能夠模擬輸入範圍行爲的東西，但是我在網上找不到任何東西，而且我用JavaScript和東西很新。

Answer 1

您可以嘗試使用一些JavaScript庫，如jQueryUI或jQueryTools 。最後一個具有非常簡單的演示：

http://jquerytools.org/release-notes/index.html#form

Unfortunaly輸入範圍不能與只是純粹的CSS跨瀏覽器的方式，現在的風格，我們需要等待多一點點。