Может ли кто-нибудь сказать мне, как я могу изменить ширину раскрывающегося меню по умолчанию, которое появляется всякий раз, когда я нажимаю на строку поиска? Изображение раскрывающегося меню в строке поиска
Обновление: спасибо @bowlowl за сообщение о том, что раскрывающееся меню по умолчанию нельзя редактировать.
Вы можете установить ширину раскрывающегося списка с помощью
.dropdown-menu {
width:100%;
}
Вы можете попробовать событие jQuery onfocus.
$(document).ready(function(){
$( ".searchbox" ).focus(function() {
$('#dropdown').css('width','100%');
});
}); <div>
<input type="text" placeholder="Type to search" class="searchbox">
<br>
<select id="dropdown">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>