WinJS ListViewからホバープロパティを削除するには？

Question

私はWinJSを使用してWindows Universal Appを開発していますが、カスタマイズするのは非常に難しく、いくつかの設計手順に従う必要があります。

問題は、リスト要素からホバープロパティを削除しようとしたときに発生します。私のマウスがアイテムの上に来ると、divは暗い背景になります。私は

.win-selectionbackground { 
    opacity: 0; 
} 

でも

.win-listview .win-container:hover{ 
    background-color: transparent; 
} 

としてそれを削除しようとしたが、それが機能していません。ここで

は助けるためにいくつかのコードです：

<!-- TEMPLATES --> 
<div class="storyPhotoTemplate" data-win-control="WinJS.Binding.Template" style="display: none"> 
    <div class="story-photo-icons"> 
     <div style="height: 250px; width: 22px;position:relative; float: left;"> 
      <img class='xButton smaller' src = '../../images/x-icon.png' /> 
     </div> 
     <div class="pic-area"> 
      <img src="#" class="story-photo" data-win-bind="src: image" /> 
     </div> 

    </div> 
</div> 

<section class="gallery"> 
    <div class="button lBtn"></div> 
    <!-- CONTENT --> 
    <div id="storyPhotoGrid" 
     class="win-selectionstylefilled" 
     data-win-control="WinJS.UI.ListView" 
     data-win-options="{ 
      itemDataSource: Photos.StoryGrid.dataSource, 
      itemTemplate: select('.storyPhotoTemplate'), 
      selectionMode: 'none', 
      tapBehavior: 'none', 
      layout: { type: WinJS.UI.GridLayout, orientation:'horizontal' } 
    }"> 
    </div> 

フレームワークで構築されたDOMツリーが明らかにされていません。誰かがもっと情報を必要としている場合は、教えてください。質問を更新します。

Answer 1

リストビュー項目のホバー動作は、あなたが使用しているテーマによっては、WinJSのLIBのui-light.cssまたはui-dark.cssファイルでこれを見つけることができます

html.win-hoverable .win-selectionstylefilled .win-container:hover .win-itembox, 
html.win-hoverable .win-selectionstylefilled.win-container:hover .win-itembox 
{ 
    background-color: rgba(255, 255, 255, 0.1); 
} 

で定義されています。

あなたがホバーの背景色を無効にしたいのであれば、以下のようなスタイルを変更：

html.win-hoverable .win-selectionstylefilled .win-container:hover .win-itembox, 
html.win-hoverable .win-selectionstylefilled.win-container:hover .win-itembox 
{ 
    background-color:transparent; 
}