在WinJS Windows 8應用程序中，如何更改列表視圖中所選項目的高亮顏色？

我想在選擇WinJS Listivew項目時更改CSS樣式，如圖所示。在WinJS Windows 8應用程序中，如何更改列表視圖中所選項目的高亮顏色？

Enter image description here

基本上我想紫色部分是灰色的，這應該可以通過CSS我猜是因爲我們在WinJS完成。

win-selectionborder 
win-selectionbackground 
win-selectionhint 
win-selectioncheckmark 
win-selectioncheckmarkbackground

我試過所有的，但他們都給出了奇怪的結果，改變了一切，但除此之外。

來源

2014-10-08 Maurizio In denmark

下面是我的免費電子書第5章中的圖片，Programming Windows Store Apps with HTML, CSS, and JavaScript, Second Edition，其中顯示了與複選框相關的所有樣式。這些特別在「Styling Gallery：WinJS Controls」一節中。在這些圖像中，我顯示了與自定義樣式相比的默認樣式。你會發現這個訣竅確實爲樣式層次結構提供了正確的選擇器，因爲它通常不僅僅是一個你必須關心的類。還要注意，.win-selectionstylefilled的使用區分了它和大綱樣式。

另請注意，我在這裏展示的樣式並未限定爲特定的列表或頁面; gbellman的回答給出了一些。

item container styling 1

item container styling 2

item container styling 3

來源

2014-10-08 21:37:36

謝謝，這是我可以在微軟網站上找到的更多信息 – 2014-10-15 13:41:02

這是我寫這本書的主要原因之一，所以會有一個地方與鞏固細節。 – 2014-10-15 14:00:53

WinJS是一個複雜的CSS迷宮。這是我推薦的。通過項目在元素檢查器（Internet Explorer 10或11）中打開項目。然後，您可以將光標放在元素上並追溯CSS鏈，找出顏色被修改的位置。

這是我能夠在我們的項目上做到這一點的唯一簡單方法。我最終不得不寫很多自定義CSS的替換某些設計元素，但這隻有當我真正瞭解正在繼承哪些屬性通過CSS那裏工作......

來源

2014-10-08 13:30:52 imaginethepoet

嗯，這正是我所做的，但如果它很容易，我不會在這裏寫一個問題。 :) – 2014-10-08 13:53:18

這爲我工作：

.pageName .listViewName .win-container .win-selectionbackground { 
    background-color: rgb(192, 192, 192); /* your color here */ 
    color: rgb(255, 255, 255); 
}

來源

2014-10-08 15:23:51 gbellmann

嗯不適合我。它只是其中的一部分 – 2014-10-09 12:20:13

添加一個重要的！重要的 – imaginethepoet 2014-10-09 23:56:32

檢查使用DOM瀏覽器中的元件和考慮UI-light.css或UI-dark.css重寫某些選擇器。

來源

2015-03-09 01:22:25

在WinJS Windows 8應用程序中，如何更改列表視圖中所選項目的高亮顏色？

回答

相關問題