Miguel Fernández Corral Ответов: 1

Проблема рендеринга Html/CSS

Здравствуйте, у меня есть небольшая, но раздражающая проблема, и я не могу понять, что происходит.

Идти к этот фрагмент и попробуйте его в Edge, Chrome, Firefox и IE. Когда вы наводите курсор мыши на каждый выпадающий список, элементы отображаются правильно, но если вы наводите курсор мыши на элемент, в зависимости от браузера, отображается поле размером 1px. Только Firefox способен правильно отображать его в обоих выпадающих списках.

С уважением,
Мигель.

Что я уже пробовал:

Я попытался использовать div вместо отображения ul/li и flexbox, но проблема сохраняется.

Richard Deeming

Мне кажется, что в Firefox, Chrome, Edge и IE11 все в порядке.

1 Ответов

Рейтинг:
0

Member 12656556

Привет,может быть, изменения высоты повлияют.Этот код может вам помочь

div.oddity-dropdownlist span{
  min-height:19px;
}
div.oddity-dropdownlist button{
  min-height:37px;
  vertical-align:top;
}


или 
div.oddity-dropdownlist span{
  height:19px;
}
div.oddity-dropdownlist button{
  height:37px;
  vertical-align:top;
}