Я успешно создал поле выбора. Однако у меня проблемы с проблемой переполнения. См. Изображение.css как стиль окна выбора
Всякий раз, когда я пытаюсь слишком долго в поле выбора, текст покрытие значка раскрывающегося списка (я использую фоновое изображение для этого). Кто-нибудь знает, как сделать значок выпадающего списка, чтобы покрыть текст, если текстовое поле слишком длинное? Я действительно ценю это!
Вы должны сначала начать с а, чтобы исправить в каждом браузере. затем добавьте отступы, чтобы стрелка была одна в правой части. попробуй.
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
, а затем добавить свои собственные стили, такие как фон границы, обивка, коробка-тени и все, что ....
удачи!
FYI, '-moz-appearance: none;' не работает в FF. У них есть [ошибка] (https://bugzilla.mozilla.org/show_bug.cgi?id=605985) в течение многих лет. –
Вы можете установить padding, как:
input[type="text"] // Or whatever selector you're using
{
padding-right: 15px;
}
Таким образом, текст не перекрывается с фоновым изображением ...
Добавить что-то вроде идентификатора он затем сделает это:
CSS:
#id {
border: 2px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
border-color: black;
and so on...
}
легко
HTML
<select>
<option>blabòaablabmalkbmakbvnozeetjztjzrjdjttjtjetjtjetja</option>
</select>
CSS
select {
max-width:200px; /* just my style, edit to what you want */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image:url('http://pediatrics.evms.edu/assets/images/icon_arrow_down.png'); /* the first icon on google :) replace with your own */
background-repeat:no-repeat;
background-position:right;
padding-right:15px; /* this do the trick */
}
вы можете создать скрипку? – trajce
Вы можете показать свой текущий код. – jhunlio