호버 드롭 다운 메뉴 접근 키보드

Question

메신저 마우스 호버 드롭 다운 메뉴를 만들려고 노력하고 키보드 탭을 중심으로 접근 ...

어떻게 키보드 탭 포커스가있는 레이어를 표시합니까? PLZ 여기

는

<div class="myM"> 
      <a href="#" class="myMTxt"><strong>Menu</strong></a> 
      <div class="myMList"> 
       <span class="arrow"></span> 
       <ul> 
        <li><a href="#">sub1</a></li> 
        <li><a href="#">sub2</a></li> 
        <li><a href="#">sub3</a></li> 
       </ul> 
      </div> 
     </div> 




#myMenu { position:absolute; top:87px; right:0; z-index:200; } 

.myM { position:relative; width:132px; } 
.myM a.myMTxt { display:block; height:20px; padding:0 5px; color: #9d9d9d;} 

.myMList { position:absolute; top:0; left:0; display:none; } 
.myMList ul { width:132px; border-top:1px solid #f2f2f2; } 
.myMList li { background:#eee; } 
.myMList li a { display:block; height:20px; padding:0 5px; color:#9d9d9d; font-size:11px; line-height:20px; } 
.myMList li:hover { background:#676767; } 
.myMList li:hover a { color:#fff; display:block; } 


.myM:hover div.myMList { display:block;} 

Answer 1

Additiona 요소에 focus를 추가 내 코드입니다 ... 도움이

.myM:focus div.myMList { display:block;}