0

我正在尝试自定义 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/

有任何想法吗?

4

2 回答 2

1

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

有关样式选择框的信息,请参见此页面:

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

于 2013-06-09T17:11:22.523 回答
0

通常,您不能完美地设置选择输入的下拉菜单的样式。

最好的解决方案: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 中无法正常工作 - 箭头不可点击

于 2013-06-09T17:20:19.610 回答