设置PayPal下拉菜单

时间:2013-06-09 16:59:35

标签: css drop-down-menu paypal

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

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

您可以使用.os0 {styles_here}

访问选择框

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

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

答案 1 :(得分: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中无法正常工作 - 箭头无法点击