2

ドロップダウンのフォーカスを強調表示しようとしています (キーボード タブを使用するだけです) が、何らかの理由でドロップダウンがフォーカスされていても強調表示されません。誰かがこの問題を解決するのを手伝ってくれますか?

以下のCSSクラスを使用してみましたが、何らかの理由でフォーカスが機能していませんが、ホバリングは期待どおりに機能しています..

CSS:

#selector:focus{ 
      outline: #177f7f dotted medium; 
 }

#selector:hover{ --> works!!!
       outline: #177f7f dotted medium; 
  }

#sortResults:focus{ 
        outline: #177f7f dotted medium; 
 }

HTML コード:

<div class="selector" id="selector" style="float:right;">
<span style="width: 95px; padding:0 1px; padding:1px;" class="perPageDisplay">20 per page</span>
     <select title="sort results" id="sortResults" name="priceDropDown" class="listSort styled_forms perPageSelector" style="opacity:0; width:140px;">
        <option value="20" selected="selected">20 per page</option>  
        <option value="40">40 per page</option>                                              
        <option value="60">60 per page</option>                                              
        <option value="80">80 per page</option>                                              
        <option value="100">100 per page</option>                                                                        
        <option value="120">120 per page</option>                       
     </select>                          
 </div>
4

2 に答える 2

0

まず、投稿しているコードが正しいことを確認してください。あなたはopacity:0;意味をなさないものを持っています...それを超えて、それは私にとってはうまく機能しています。ドロップダウンにタブで移動できました。ここにjsfiddleがあります...

于 2013-09-11T20:30:28.997 に答える