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

В выпадающем списке, если элементы длиннее чем он сам, то бордер справа теряется куда-то.

Через файрбаг нифига не могу увидеть, где что менять.
Как это поправить, подскажите плиз.

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

 

можно глянуть на сайт

 

Нет, на локалке пока...

 

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

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

 

Хрень эта только в файерфоксе появляется, как оказалось - походу это не лечится...

 

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

 

input тут вообще вроде никаким боком не подходит.
Структура списка это

HTML:

<select id="">
    <option value=""> --- Выберите --- </option>

Бордер менял - меняется только оформление селекта, а всё что выпадает, никак не меняется..

 

Сталкивался тоже. В моем случае помогло изменение ширины списка

 

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

 

Думаю мое решение вам поможет!
Сегодня столкнулся с подобным, но только с типом формы textarea.

Попробуйте:

Код:

select {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

Отпишитесь, помогло или нет.

 

Не помогло.
Никак оно не влияет на выпадающие пункты.

 

max-width указать нужно