在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应用程序中，如何更改列表视图中所选项目的高亮颜色？

回答

相关问题