更改的jquery移動滑塊旋轉按鈕

的顏色我使用一個jquery移動滑塊按鈕更改的jquery移動滑塊旋轉按鈕

<input type="range" name="slider" id="slider-0" value="25" min="0" max="100" step="5" />

滑塊自動生成的文本輸入和在鉻它也使文本輸入的內部旋轉按鈕。任何人都知道如何改變這個旋鈕的顏色？

來源

2012-12-13 Occam

嗨，你可以爲此創建一個[JSFiddle]（http://jsfiddle.net/）..？ –

我懷疑JSFiddle會更好地證明我在找什麼。然而，這裏是一個鏈接，以顯示這個旋鈕當前的樣子，我想改變它們的顏色。 http://infobrink.com/wp-customImages/spin-button.png – Occam

只是爲了確認，你能否發佈實際的工作代碼。但我相信你所看到的只是一個滾動條。 http://stackoverflow.com/questions/9989615/remove-text-box-in-slider-control-in-jquery-mobile –

那麼你不能改變滾動條/旋轉按鈕的顏色，除非它們是HTML元素。 IE是一個例外，並允許這樣做，但它不是一個網絡標準，也不支持其他任何地方。作爲一種解決方法，您可以隱藏瀏覽器創建的旋轉按鈕，並用適當的事件處理程序替換您自己的由DIV標記組成的自定義旋鈕。

來源

2012-12-13 18:32:22

我擔心這需要某種解決方法。你隱藏它的建議，然後創建我自己的自定義旋鈕框聽起來像它可能工作。 – Occam

是的，這是理想的，因爲它可以跨瀏覽器兼容，併爲所有用戶提供標準的外觀。我做了一些搜索，結果發現JQuery mobile只會在webkit瀏覽器（Chrome/Safari）中添加，以使其成爲旋轉按鈕......再次，這並不是無處不在（例如，在Gecko中瀏覽器像Mozilla）..這是一個例子[禁用旋轉按鈕]（http：// stackoverflow。COM /問題/ 3975769 /禁用-webkits自旋按鈕上輸入型數） –

你可以使用不同的themes或使用theme roller

enter image description here

從here複製：如果你只是想擺脫上/下箭頭，你可以包裝輸入具有指定寬度/高度的元素和overflow : hidden：

$(".ui-slider-input").wrap($('<div />').css({ 
    position : 'relative', 
    display : 'inline-block', 
    height : '36px', 
    width : '45px', 
    overflow : 'hidden' 
}));

來源

2012-12-13 16:51:34 Taifun

從我試過的主題只改變輸入背景顏色。 http://jquerymobile.com/demos/1.2.0/docs/forms/forms-themes.html顯示不同的主題，但滑塊文本輸入框上的旋轉按鈕始終爲淺灰色。您必須使用Chrome才能查看我所指的內容，因爲旋轉按鈕不是在firefox或IE中生成的。 – Occam

好吧，你正在談論的上鍵和下鍵按鈕來操縱僅在Chrome瀏覽器中可見的滑塊值...我必須考慮... – Taifun

是的，我不知道該怎麼稱呼他們，這也使得它很難嘗試和尋求幫助 – Occam

更改的jquery移動滑塊旋轉按鈕

回答

相關問題