2012-10-04 83 views
4

我想風格的Windows 8(IE 10)我的滑塊他們有一些標準的造型和我找不到文檔中的造型,誰比誰有不得不樣式滑塊(我只是想改變顏色)Windows 8中輸入[類型=「範圍」]造型

下面

見圖片查看Windows 8的標準樣式(IE 10):

Slider image win8 design

我想改變的紫色元素滑塊,例如,紅色。 我沒有發佈代碼,因爲我找不到在哪裏尋找它,甚至沒有在我的Visual Studio調試屏幕中的檢查模式。


除了這個問題,我想問問,如果你瞭解瞭如何樣式的選擇控件,我可以管理所有其他的,但低於

select & options

+0

我想你不能改變的樣式必須給予一些地方原生控制 – Champ

+0

, iv'd閱讀翻頁,這個低谷準則,但仍沒有真正的答案,指南告訴你要使用的方向和標籤和這樣的東西,沒有什麼關於造型的滑蓋 –

+0

你可以分享你的源代碼或指引你正在工作 – Champ

回答

6

該解決方案在照片上產生藍色的被發現! 在CONTROLER填充由這個新的-ms-(IE)財產

FX設置,這將使它黑

input[type="range"]::-ms-fill-lower{background-color:#000;} 

編輯*(

input[type="range"]:hover::-ms-fill-lower{background-color:#fff;} 

通過在windows 8和visual studio 2012版本上鍊接內容,構建THIS可以找到更多控件。

+0

你能告訴我們一些演示嗎? – Champ

+0

有點難以使其唯一的工作在win8,它的地鐵應用程序 但我可以發佈我的代碼? –

0

西蒙的回答不工作,除非你在它前面放一個選擇:

#sliderId::-ms-fill-lower { background-color: #ff0000; } 
#sliderId::-ms-fill-upper { background-color: #0000ff; } 

Reference

+0

我認爲這對任何人都是顯而易見的?沒有選擇器infront的僞類沒有工作 –

+0

':: selection'確實...至少它在我的win8應用程序 – Martin