Source Code: (back to article)
<!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>