-1

我有一个 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>

选择下拉

4

1 回答 1

1

伙计，我的选择是 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！

于 2013-09-12T12:01:23.757 回答