[Помогите] Стили для выпадающих списков

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем bawan, 29 ноя 2013.

  1. bawan

    bawan

    Регистрация:
    15 дек 2012
    Сообщения:
    102
    Симпатии:
    11
    В выпадающем списке, если элементы длиннее чем он сам, то бордер справа теряется куда-то.
    [​IMG]
    Через файрбаг нифига не могу увидеть, где что менять.
    Как это поправить, подскажите плиз.

    Вообще, это в Opencart, но вроде оно только к верстке относится.
     
  2. nemetc

    nemetc

    Регистрация:
    27 авг 2013
    Сообщения:
    18
    Симпатии:
    3
    можно глянуть на сайт
     
  3. bawan

    bawan

    Регистрация:
    15 дек 2012
    Сообщения:
    102
    Симпатии:
    11
    Нет, на локалке пока...
     
  4. xxx999

    xxx999

    Регистрация:
    29 ноя 2013
    Сообщения:
    24
    Симпатии:
    13
    Это во всех браузерах проявляется?
    В теме опенкарта стили правили: input[type="text"], input[type="password"], textarea, select ? Если правили, попробуйте отключить правки, например padding убрать, шрифт уменьшить, просто чтобы понять из-за чего это происходит.

    Такой эффект похоже как будто select'у установили width и указали overflow: hidden, вот он и обрезает.
     
  5. bawan

    bawan

    Регистрация:
    15 дек 2012
    Сообщения:
    102
    Симпатии:
    11
    Хрень эта только в файерфоксе появляется, как оказалось - походу это не лечится...
     
  6. progfree

    progfree

    Регистрация:
    8 сен 2013
    Сообщения:
    49
    Симпатии:
    4

    попробуйте изменить хоть что-то например толщину рамки - чтобы найти где происходят изменения, затем уже смотреть на ширину и если что - отбросить этот вариант и искать причину дальше
     
  7. bawan

    bawan

    Регистрация:
    15 дек 2012
    Сообщения:
    102
    Симпатии:
    11
    input тут вообще вроде никаким боком не подходит.
    Структура списка это
    HTML:
    <select id="">
        <option value=""> --- Выберите --- </option>
    Бордер менял - меняется только оформление селекта, а всё что выпадает, никак не меняется..
     
  8. Vlad-i-Slav

    Vlad-i-Slav

    Регистрация:
    20 мар 2013
    Сообщения:
    251
    Симпатии:
    159
    Сталкивался тоже. В моем случае помогло изменение ширины списка
     
  9. bawan

    bawan

    Регистрация:
    15 дек 2012
    Сообщения:
    102
    Симпатии:
    11
    Не подходит такой вариант, тоже думал об этом - слишком длинные поля в выпадающем списке - такой ширины селект не сделать...
     
  10. xxx999

    xxx999

    Регистрация:
    29 ноя 2013
    Сообщения:
    24
    Симпатии:
    13
    Думаю мое решение вам поможет!
    Сегодня столкнулся с подобным, но только с типом формы textarea.

    Попробуйте:
    Код:
    select {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    }
    Отпишитесь, помогло или нет.
     
  11. bawan

    bawan

    Регистрация:
    15 дек 2012
    Сообщения:
    102
    Симпатии:
    11
    Не помогло.
    Никак оно не влияет на выпадающие пункты.
     
  12. dim4a

    dim4a

    Регистрация:
    20 мар 2013
    Сообщения:
    3
    Симпатии:
    14
    max-width указать нужно