Ionic Framework에서 하이라이트 된 클릭/탭 요소

Question

Ionic Framework를 사용하고 있습니다. 모바일에서 항목을 탭하면 background-color 변경 사항을 어떻게 표시합니까? 아래의 모든 상태 (활성, 포커스 등)는 항목을 탭하면 표시되지 않지만 손가락을 누르고 있으면 표시됩니다. 이것은 실제로 사용자에게 요소를 두드려서 무엇인가가 발생해야한다는 것을 사용자에게 나타내지 않으므로 (즉,보기가 변경되어야하거나 변경 예정 임) 의도 된 행동이 아닙니다.

CSS :

.item-thumbnail-right { 
    background-color: #FFFFFF; 
} 

.item-thumbnail-right:active, 
.item-thumbnail-right:focus, 
.item-thumbnail-right.active { 
    background-color: #CCCCCC; 
} 

HTML :

<div class="item item-thumbnail-right"> 
    <div class="img-wrapper"> 
    <div class="img" src="img.jpg"></div> 
    </div> 
    <h2 class="title">Title</h2> 
    <p>Text lorem ipsum...</p> 
</div> 

나는 클래스를 추가하고 그에 따라 다른 background-color을 보여 아이 오닉스 on-tap 지시어를 사용해야합니까? 그 다음에는 뷰 캐시에 남아있는 클래스를 제거해야합니다.

Answer 1

내가 active 클래스를 잘못 생각한 것처럼 보입니다. 이온은 항목의 클래스 activated가/내가 일을 노력했다 그래서 탭 클릭 된 추가되지만 클래스는이 같은 activated 할 필요가 :

.item-thumbnail-right { 
    background-color: #FFFFFF; 
} 

.item-thumbnail-right.activated { 
    background-color: #CCCCCC; 
}