1

WinJS Listivew .win-item が選択されたときに CSS スタイルを変更しようとしています (右クリック || スワイプダウン)。

基本的に、ListView に表示される 2 つのデータ セットがあります。読み込み時に 1 つ (デフォルト... 現在#itemName)、項目が選択、ホバー、またはフォーカスされたときに 1 つ。(現在#itemValue and 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>

私の .CSS ファイルには、現在次のものがあります。

/** note IMG and #itemValue opacity previously set to 0 **/
#itemList .win-item:hover #itemName, #itemList .win-item:focus #itemName {opacity 0;}
#itemList .win-item:hover IMG, #itemList .win-item:focus IMG{opacity 0;}
#itemList .win-item:hover #itemValue, #itemList .win-item:focus #itemValue{opacity 0;}

アイテムが選択されたときにこのスタイルを維持したいのですが、アクティブにフォーカスされていないか、ホバーされていません。

4

1 に答える 1

2

私はあなたが望むと信じています::selection。Visual Studio からアプリを実行し、項目を選択してから、VS に戻って DOM Explorer を確認します。DOM Explorer タブのすぐ下にある [Select Element] をクリックします。次に、アプリで選択したアイテムをクリックします。これにより、VS に戻ります。少なくとも Visual Studio Ultimate の右側にある [スタイル] ペインと[トレース スタイル]ペインを見てください。選択したアイテムをスタイルするものがわかります。独自の CSS ファイルに設定するだけです。::selectionopacity 0::selection

サンプル アプリでこれを試してみたい場合は、MSDNのHTML ListView Essentials サンプルを参照してください。

編集:試してください.win-selectionbackground:

.win-selectionbackground {
    opacity: 0;
}
于 2013-01-15T17:21:22.423 に答える