4

/*LANGUAGE PICKER*/

.select_join {
  width: 170px;
  height: 28px;
  overflow: hidden;
  background: url('http://www.freeiconspng.com/uploads/white-down-arrow-png-2.png') no-repeat 144px #141F26;
  border: #FEFEFE 1px solid;
  background-size: 10%;
  /*-webkit-box-shadow: inset 0px 0px 10px 1px #FEFEFE;
	box-shadow: inset 0px 0px 10px 1px #FEFEFE;*/
}

.select_join select {
  background: transparent;
  width: 170px;
  color: #fff;
  border: 0;
  border-radius: 0;
  height: 28px;
  -webkit-appearance: none;
}

.select_join select:focus {
  outline: none;
}
<div style="text-align:center;">
    <br/>
    <div class="select_join" style="margin-left:15px">
        <select name="txtCountry">
            <option value="1">Россия</option>
            <option value="2">Азербайджан</option>
            <option value="3">Украина</option>
        </select>
    </div>
</div>

Привет. Как изменить background option на #141F26, но что бы при этом стрелка осталась белого цвета?

1 ответ 1

5
.select_join select option{
  background-color:#141F26;
}

Что такое - "чтобы стрелка была белый"? Какой стрелка?

А-а, понял - стрелка "вниз" в селекте справа.

1
  • спасибо большое вместо lightgreen проста напишите #141F26
    – Randall
    12 дек 2017 в 14:22

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.