2013-06-09 4 views
0

Я пытаюсь настроить внешний вид кнопок PayPals и выпадающих меню, но я не могу понять, как стилизовать выпадающее меню? Можно ли это сделать?Укладка выпадающего меню PayPal

<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/

Любые идеи?

ответ

1

Вы можете получить доступ к полю выбора с .os0 {styles_here}

Смотрите эту страницу для укладки полого выбора:

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

+0

не должен ли это что-то изменить? http://jsfiddle.net/craigzilla/LRr5K/1/ –

+0

Извините, я неправильно читаю HTML. Вместо .os0 {} используйте select [name = os0] –

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 - стрелка не может быть нажата

Смежные вопросы