Styling PayPal下拉菜单

Question

我正在尝试自定义PayPals按钮和下拉菜单的外观，但我不知道如何设置下拉菜单的样式？这是否真的可以做到呢？

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="BNG39UCNQW5YE">
<table>
<tr><td><input type="hidden" name="on0" value="SIZES"></td></tr><tr><td><select name="os0">
    <option value="SMALL">SMALL </option>
    <option value="MEDIUM">MEDIUM </option>
    <option value="LARGE">LARGE </option>
</select> </td></tr>
</table>
<input type="image" src="http://www.dwste.com/images/buy_btn_pink.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

http://jsfiddle.net/craigzilla/LRr5K/

有什么想法吗？

Answer 1

您可以使用.os0 {styles_here}访问选择框

有关设置选择框样式的信息，请参阅此页面：

http://bavotasan.com/2011/style-select-box-using-only-css/

Answer 2

通常情况下，你不能完美地设计一个选择输入的下拉菜单。

最佳解决方案：http://bavotasan.com/2011/style-select-box-using-only-css/

在Opera中不工作-无箭头

jQuery (示例1)：http://tympanus.net/codrops/2012/10/04/custom-drop-down-list-styling/

没有JS就不能工作

CSS3：http://lea.verou.me/2011/03/custom-select-drop-downs-with-css3/

在IE和Opera中无法正常工作-无法单击箭头