Почему webkit (Chrome / Safari) отвлекает внимание на этом элементе? - PullRequest
Новая
       22

Почему webkit (Chrome / Safari) отвлекает внимание на этом элементе?

3 голосов
/ 03 ноября 2011

Я создал пользовательское поле со списком HTML. Все работает хорошо, кроме браузеров Webkit (Chrome и Safari). Вот как это выглядит в Chrome и Safari:

Focus as rendered in Chrome

Обратите внимание на выступающую границу фокуса внизу выпадающего изображения.

Вот то же самое в IE и Firefox:

Focus rendered in Firefox

Focus rendered in IE9

Как вы можете видеть, IE и Firefox визуализируют фокус с помощью красивого прямоугольника, но Chrome делает его непонятным.

Вот соответствующий HTML: 

<div style="height:32px;" class="ko-select-container" tabindex=0>
    <div class="selected-option">
        <span>Select a Value</span>
    </div>
    <div style="float:right;">
        <!-- Drop down image height is 32px !-->
        <img src="DropDown.png" />
    </div>
    <div style="clear:both" />
</div>

1 Ответ

4 голосов
/ 03 ноября 2011

Попробуйте добавить vertical-align: top к img. Этот разрыв выглядит подозрительно как обычная проблема .

...