Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Заголовок документа</title> <style> select { width: 140px; height: 35px; padding: 5px 35px 5px 5px; font-size: 18px; border: 2px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("/uploads/media/default/0001/02/f7b4d3d2ba3fe1d8518e6e63d7740e1e73921abf.png") 96% / 15% no-repeat #eee; } select::-ms-expand { display: none; /* удалите стрелку по умолчанию в IE 10 и 11 */ } </style> </head> <body> <select> <option>Кофе</option> <option>Чай</option> <option>Вода</option> <option selected>Коктейль</option> </select> </body> </html>