0

分割アプリケーションでアイテムの背景色を変更できません。私はすでに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;
}

そして、これはどのように見えるかです： ここに画像の説明を入力

また、このバイオレットの色と、バイオレットの周りの薄い灰色（ホバー？）を別のものに変更したいと考えています。

4

1 に答える 1

1

紫色を変更するための2番目の質問について：

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. */
}

これにより、選択したリスト項目の周囲の色が削除され、選択した項目のホバリングの色も削除されます。

于 2013-04-19T09:59:52.620 に答える