У меня есть этот NUMBERPICKER. Но я не хочу, чтобы цифры в поле появлялись в секции section_room до выбранного. До этого я хочу иметь backgroudImage (placeholder).Custom NumberPicker - оптимизация
<div class="section_room">
<select id="persons" type="text" placeholder="" onchange="hideIcon(this);">
<option value="null">1</option>
<option value="null">2</option>
<option value="null">3</option>
<option value="null">4</option>
</select>
</div>
<script>
function hideIcon(self) {
self.style.backgroundImage = 'none';
}
</script>
#persons {
background-image: url(../images/icn_person1_dark.png);
background-size: 40% 80%;
background-repeat: no-repeat;
background-position: center;
}
select {
float:right;
width: 20%;
height: 44px;
color: #858585;
font-size: 0.8725em;
outline: none;
font-family: 'Open Sans', sans-serif;
background: #ffffff;
border-color:darkgrey;
border-style: solid;
border-radius: 2px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
}
select option {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
Какие проблемы вы с, в частности? Ваш скрипт не должен размещаться внутри вашего элемента '
Моя проблема в том, что у секции section_room всегда есть номер 1, и я хочу, чтобы у него был backgroudImage (placeholder), пока я не выберу число. –
@ JoãoGuerreiro проверить ответ ниже. –