Изменение HTML «выберите» по умолчанию тега стрелка
Я пытаюсь изменить HTML «выберите» по умолчанию стрелка тега в одной подобной на фото прилагается. Любые идеи, пожалуйста?
Изменение HTML «выберите» по умолчанию тега стрелка
Я пытаюсь изменить HTML «выберите» по умолчанию стрелка тега в одной подобной на фото прилагается. Любые идеи, пожалуйста?
Вот чистое решение для CSS: вы можете скрыть стрелку по умолчанию и отобразить другую, используя фоновое изображение. Это пример, который вы можете настроить в соответствии с вашими потребностями.
select {
width: 100px;
padding-left: 5px;
border: 1px solid #ccc;
height: 25px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(http://www.stackoverflow.com/favicon.ico) 95%/20% no-repeat #fff;
}
это то, что вы хотите, но вы должны изменить size
значения в соответствии с вам нужно.
<html>
<head></head>
<title></title>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<style>
.container{
position: absolute;
width: 150px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
width: 100%;
height: 20px;
font-size: 15px;
position: absolute;
opacity: 0.5;
}
.set{
position: absolute;
left: 85%;
}
</style>
<body>
<div class="container">
<i class="fa fa-angle-down set"></i>
<select class="myselect">
<option>All </option>
<option>First Option</option>
<option>Second Option</option>
</select>
</div>
</body>
</html>
Спасибо Анурад! У меня есть вопрос, почему мы добавляем jquery
Есть несколько рабочих решений здесь, [выберите стрелку изменить стиль] (http://stackoverflow.com/q/14218307/6395782) – DannyBoi