javascript - Windows 商店应用程序 - 项目背景颜色

Question

我无法在拆分应用程序中更改项目的背景颜色。我不知道，如何，因为我已经尝试过使用 css，但没有任何成功。

这是项目的模板（几乎是默认值）：

<div class="itemtemplate" data-win-control="WinJS.Binding.Template">
    <div class="item">
        <img class="item-image" src="#" data-win-bind="src: backgroundImage; alt: title" />
        <div class="item-info">
            <h3 class="item-title win-type-ellipsis" data-win-bind="textContent: title"></h3>
            <h6 class="item-subtitle win-type-ellipsis" data-win-bind="textContent: subtitle"></h6>
            <h4 class="item-description" data-win-bind="textContent: description"></h4>
        </div>
    </div>
</div>

CSS尝试：

.item {
    background-color: red;
}

这就是它的样子：

另外，我希望将这种紫罗兰色和紫罗兰色（悬停？）周围的浅灰色更改为其他颜色。

Answer 1

关于你改变紫罗兰色的第二个问题：

您是否将模板用于 ListView？我在我的应用程序中使用它来覆盖默认 CSS。注意：这将更改应用程序中的所有 ListView。

.win-selectionhint,
.win-listview:not(.win-selectionstylefilled) .win-container.win-selected:hover .win-selectionborder,
.win-listview:not(.win-selectionstylefilled) .win-selectioncheckmarkbackground,
.win-listview:not(.win-selectionstylefilled) .win-container.win-selected:hover .win-selectioncheckmarkbackground,
.win-listview.win-rtl:not(.win-selectionstylefilled) .win-container.win-selected:hover .win-selectioncheckmarkbackground,
.win-listview.win-rtl:not(.win-selectionstylefilled) .win-selectioncheckmarkbackground,
:not(.win-selectionstylefilled).win-listview .win-selectioncheckmarkbackground,
:not(.win-selectionstylefilled).win-listview .win-selected.win-container .win-selectionborder {
   border-color: transparent; /* <----- COLOR HERE. */
}

这将删除所选列表项周围的颜色，并删除所选项目上的悬停颜色。