2014-09-22 2 views
0

Создаю пользовательский раскрывающийся список. У него есть дополнительное пространство размером 3 пикселя перед текстом (см. Рисунки ниже). Проблема возникла только в окнах (chrome 37.0.2062.120), но в OS X это нормально.Пользовательский поле выбора имеет место перед текстом

Вот список стиля, которые применяются для выбора тег

-webkit-appearance: none; 
-webkit-background-clip: border-box; 
-webkit-background-origin: padding-box; 
-webkit-background-size: auto; 
-webkit-box-shadow: none; 
-webkit-rtl-ordering: logical; 
-webkit-transition-delay: 0s, 0s; 
-webkit-transition-duration: 0.15s, 0.15s; 
-webkit-transition-property: border-color, box-shadow; 
-webkit-transition-timing-function: ease-in-out, ease-in-out; 
-webkit-writing-mode: horizontal-tb; 
align-items: center; 
background-attachment: scroll; 
background-clip: border-box; 
background-color: rgb(255, 255, 255); 
background-image: none; 
background-origin: padding-box; 
background-size: auto; 
border-bottom-color: rgb(208, 215, 219); 
border-bottom-left-radius: 0px; 
border-bottom-right-radius: 0px; 
border-bottom-style: solid; 
border-bottom-width: 1px; 
border-collapse: separate; 
border-image-outset: 0px; 
border-image-repeat: stretch; 
border-image-slice: 100%; 
border-image-source: none; 
border-image-width: 1; 
border-left-color: rgb(208, 215, 219); 
border-left-style: solid; 
border-left-width: 1px; 
border-right-color: rgb(208, 215, 219); 
border-right-style: solid; 
border-right-width: 1px; 
border-top-color: rgb(208, 215, 219); 
border-top-left-radius: 0px; 
border-top-right-radius: 0px; 
border-top-style: solid; 
border-top-width: 1px; 
box-shadow: none; 
box-sizing: border-box; 
color: rgb(73, 73, 73); 
cursor: default; 
display: block; 
float: left; 
font-family: xxxxx; 
font-size: 16px; 
font-style: normal; 
font-variant: normal; 
font-weight: normal; 
height: 50px; 
letter-spacing: normal; 
line-height: 30px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
margin-top: 0px; 
padding-bottom: 6px; 
padding-left: 19px; 
padding-right: 5px; 
padding-top: 6px; 
position: relative; 
text-align: start; 
text-indent: 0px; 
text-shadow: none; 
text-transform: none; 
transition-delay: 0s, 0s; 
transition-duration: 0.15s, 0.15s; 
transition-property: border-color, box-shadow; 
transition-timing-function: ease-in-out, ease-in-out; 
white-space: pre; 
width: 210px; 
word-spacing: 0px; 
writing-mode: lr-tb; 
z-index: 2; 

Screen capture

----- UPDATE ------

Я захватить новый скриншот, чтобы указать окно модель на окнах и OS X, см. ниже.

Первый - на окнах. Windows

И второй один на OS X. OSX

Эти два изображения применяются же CSS.

ответ

1

Уменьшение прокладки влево: 19px; на что-то меньшее и попытаться, должно работать.

+0

Нет, это не работает. см. мое обновление – Stackle

Смежные вопросы