поведение SELECT, вопрос для гуру html

[polyanin]

Здравствуйте! Вопрос скорее теоретический.

На сайте www точка seogenerator точка ru/tools/ ( точка замените точкой)

в правой колонке кастомизированный select, который выбирает кодировку.

Метод кастомизации основан на том что при задании opacity 0 сам селект не виден, но выпадающий список виден, документированное ли это поведение, или баг, и выпадающая часть тоже должна быть невидима?

Желателен пруф на доку.

Спасибо!

Edited November 16, 2012 by polyanin

[Yazon_Nile]

Не понимаю сути вопроса. Работает, как вам надо? Ну и отлично. Баг-небаг, какая разница.

[Great Rash]

Пруф на доку не дам, но как по мне - поведение скорее неправильное. По идее мы скрываем <select> и он должен скрыться весь, вместе с потомками. Но получается, что на <option> действие opacity не распространяется.

Элементы форм - это вообще особенная больная тема в HTML. На которую производители браузеров и разработчики стандартов старательно забивают уже десятилетие. Спека отдает реализацию элементов форм на откуп производителям браузеров, а те лепят их кто во что горазд.

[Viper]

Эту фичу-баг заметили, как оказывается, уже довольно давно)

_http://habrahabr.ru/post/95510/

А раз до сих пор не пофиксили, то можно предположить, что это "фича") Или побоялись из-за массового применения...)

[polyanin]

Не понимаю сути вопроса. Работает, как вам надо? Ну и отлично. Баг-небаг, какая разница.

Суть вопроса - желание вникнуть глубже. Например, вдруг такое поведение пропадет в новой версии IE.

Пруф на доку не дам, но как по мне - поведение скорее неправильное. По идее мы скрываем <select> и он должен скрыться весь, вместе с потомками. Но получается, что на <option> действие opacity не распространяется.

Элементы форм - это вообще особенная больная тема в HTML. На которую производители браузеров и разработчики стандартов старательно забивают уже десятилетие. Спека отдает реализацию элементов форм на откуп производителям браузеров, а те лепят их кто во что горазд.

Если бы поведение было правильным, и скрывался весь select, вместе с выпадающим списком, то указав для select option {opacity: 1 !important;} мы добились бы аналогичного поведения?

[Great Rash]

Если бы поведение было правильным, и скрывался весь select, вместе с выпадающим списком, то указав для select option {opacity: 1 !important;} мы добились бы аналогичного поведения?

Нет. Этот пример это хорошо иллюстрирует.

Аналогичного поведения можно было бы добиться применив подобные стили:

select {
  color: transparent;
  background: transparent;
  border: 0;
}

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

Вот так можно добиться похожего поведения. Работать будет только в новейших браузерах.