버튼을 클릭 할 때 호버링 색상을 유지하십시오.

내 게시물 페이지가 끝날 때마다 3 개의 버튼이 있는데, 사람들이 그 중 하나를 클릭 할 때 호버 색을 넣고 싶습니다. 여기에 3 개 버튼의 예는 다음과 같습니다 Post Page 버튼을 클릭 할 때 호버링 색상을 유지하십시오.

<ul class="tabnav-widget ui-tabs-nav"> 
    <li class="ui-tabs-selected"> 
     <a class="" href="#tab1-widget">written by</a> 
    </li> 
    <li> 
     <a class="" href="#tab3-widget">Related Posts</a> 
    </li> 
    <li class=""> 
     <a class="" href="#tab4-widget">In this Category</a> 
    </li> 
</ul>

하지만 내가 수정해야 할 어떤 CSS 클래스 모르고하는 CSS 코드에 추가 : 내 PHP 파일에서 이,이 3 개 버튼이 여기에 있습니다 3 개의 버튼 중 하나를 클릭 할 때 호버링 색상을 유지할 수 있습니다.

미리 감사드립니다. 도움을 주시면 감사하겠습니다. 당신이 버튼을 눌렀을 때 색상을 변경하려는 경우

.tabnav li:hover, .tabnav-widget li:hover { 
    background: #color; 
}

추가적으로 CSS에서

출처

2013-10-16 David

당신의'찾고 계십니까 :

는 다음과 같이 추가? –

: hover 및 : active psuedo-selector를 사용할 수 있습니다. – enhzflep

동의 : a : 활성 상태는 동일한 페이지에 남아있는 상태로 제공되어야합니다. 다른 페이지 상태로 연결되면 상태가 손실되고 새로운 링크 집합이 표시됩니다. –

변경이, :active를 사용합니다. active` :

.tabnav li:active, .tabnav-widget li:active { 
    background: #color; 
}

출처

2013-10-16 17:00:39

감사합니다. 작동합니다! 그러나 커서가 네비게이션 스퀘어를 떠난 후에는 마우스를 놓거나 클릭해도 원래의 상태로 바뀝니다. 현재 페이지가 표시 될 때 색상이 표시된 상태와 동일한 색상으로 유지되고 싶습니다. 철저한 검색을했는데 아무 것도 작동하지 않는 것 같습니다. 도와 주셔서 감사합니다. – David

@David CSS에서는 불가능합니다. 호버는 호버에서만 작동하기 때문에 다른 방향으로는 작동하지 않습니다. –

오케이. 귀하의 회신에 감사드립니다. – David

버튼을 클릭 할 때 호버링 색상을 유지하십시오.

답변

관련 문제