2015-08-24 3 views
6

Когда я помещаю select в div с шириной и padding-left, мои параметры не имеют границы справа. Более того, это происходит только в том случае, если select имеет ширину 118px, а родительский - 15px отступов слева! У кого-то есть идея, что происходит?Отсутствует border-right in select on Firefox

Мой просто код:

<!DOCTYPE html> 
<html> 
<head lang="en"> 
</head> 
<body> 
<div style="width: 1000px; padding-left: 15px;"> 
    <select style="width: 118px;"> 
     <option>a</option> 
     <option>b</option> 
     <option>c</option> 
    </select> 
</div> 
</body> 
</html> 

И результат:

enter image description here

Вот plunker: click

Это случилось только светлячок на Windows. Я испытал это на 40.0.2 версии

+3

Выглядит хорошо. На Win7 в firefox v. 40.0.2. Я использовал вашу ссылку на плункер. – DavidDomain

+0

Выглядит хорошо. На Win 10. Последний Firefox. –

+0

Возможно, это зависит от разрешения экрана? У меня есть эта проблема на 1600x900. Когда я изменяю размер окна браузера на какой-то размер, выбор выглядит нормально ... но на 1600x900 нет ... – kubut

ответ

1
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
box-sizing: border-box; 

источник: https://stackoverflow.com/a/11390432/4431269 источник проблемы: https://bugzilla.mozilla.org/show_bug.cgi?id=924068

И хорошее использование GOOGLE!

Edit: (источник проблемы, объяснил)

После прочтения отчета об ошибке, я читал, что это возможно, что-то делать с widows.size или разрешением. проблема может быть исправлена, как объяснялось ранее.

+0

Пожалуйста, объясните, почему хотя :) –

+0

@MichaelJones уже разместил решение и источник, но я порадую вас лучше :) (второй пожалуйста) –

+0

Я пробовал это, и мне это не помогает – kubut

-1

Мы можем разместить границу справа по опции i.e. border-right: 1px сплошной серый. Таким образом, мне не нужно было вносить какие-либо корректировки в указанную ширину. enter image description here

или, если вы в порядке, сделайте регулировку ширины, тогда можете установить ширину в auto для css select, т. Е. ширина: авто

+0

Пожалуйста, проверьте, как ответить. В Stackoverflow. –