Chrome选择下拉列表的边框

Question

我有一个html选择元素和相应的选项，如下面的示例HTML所示。我想为列表中的每个选项提供边框，但这不适用于chrome，尽管它适用于firefox。请告诉我如何实现

<select id="sortingOptions" class="sortingOptions" onchange="window.location='/buyer/OutPDir.jsp?psort=' + this.options[this.selectedIndex].value;">                    
<option value="0">Best Match</option>                                       
<option value="1" selected="selected">Price: Low to High</option>                                       
<option value="12">Price: High to Low</option>                                      
<option value="10">Product Rating</option>                                      
<option value="13">Date Added</option>                                  
<option value="3">Number of Sellers</option>                                        
<option value="14">Best Selling</option>                                        

Answer 1

Buddy我的选择是jQuery。这将是跨浏览器和跨平台。我希望IE 7或8没有任何异议！

您可以使用：

<div>Select:</div>

在此节目下，列表为

<ul style="display: none;">
 <li>Option one</li>
 <li>Option two</li>
 <li>Option three</li>
 <li>Option four</li>
</ul>

在此之后，您可以使用jQuery：

$(document).ready(function () {
  $('div').mouseover(function() { // if mouse hovers the div!
    $('ul').show(); // show the list..
  }
});

这样，您可以以任何方式设置列表的样式！每个浏览器都会接受CSS和JavaScript！