Css 已选择WinJS Listview样式
我希望在选择WinJS Listivew.win项目时(通过右键单击| | swipedown)更改CSS样式 基本上,我有两组数据将显示在ListView中。一个在加载时(默认…当前为Css 已选择WinJS Listview样式,css,windows-8,css-selectors,windows-store-apps,winjs,Css,Windows 8,Css Selectors,Windows Store Apps,Winjs,我希望在选择WinJS Listivew.win项目时(通过右键单击| | swipedown)更改CSS样式 基本上,我有两组数据将显示在ListView中。一个在加载时(默认…当前为#itemName),一个在选中、悬停或聚焦项目时。(当前为#itemValue和IMG) 我有一个WinJS.Binding.Template,如下所示: <div id="itemTemplate" data-win-control'WinJS.Binding.Tempalte"> <
#itemName
),一个在选中、悬停或聚焦项目时。(当前为#itemValue和IMG
)
我有一个WinJS.Binding.Template
,如下所示:
<div id="itemTemplate" data-win-control'WinJS.Binding.Tempalte">
<div id="imageContainer">
<h4 id="itemName" data-win-bind="textContent: itemName"></h4>
<h4 id="itemValue">$0.00</h4>
<img src="#" alt="">
</div>
</div>
当某个项目被选中,但未处于活动焦点或悬停状态时,我希望保持此样式。我相信您想要
::selection
。从VisualStudio运行应用程序,选择一个项目,然后返回VS并查看DOM资源管理器。单击DOM资源管理器选项卡正下方的“选择元素”。然后单击应用程序中选定的项目。这使您回到VS。请查看样式和跟踪样式窗格,它们至少在Visual Studio Ultimate中位于右侧。您将看到::selection
是所选项目的样式。只需在您自己的CSS文件中为::选择设置不透明度0
如果您想在示例应用程序中使用此功能,请查看MSDN上的
编辑:尝试。赢选后台
:
.win-selectionbackground {
opacity: 0;
}
这适用于覆盖::选择本身的默认样式。我需要做的是更改列表项模板内几个div//等的不透明度。有些是可见的,有些是不可见的。也许我遗漏了一些额外的东西?试试。win selectionbackground。我没有很好地解释我的问题。我编辑了我的问题来澄清。并添加了更多代码。希望它更有意义。需要对WinJS.UI.ListView中.win项上的单个元素(当前为#itemName、#itemValue和IMG)进行不透明度更改。。。不适用于整个选择。谢谢你的持续努力。
.win-selectionbackground {
opacity: 0;
}