Составные инпуты в FF: что откуда?

[SelenIT]

В FF есть файл forms.css (под WinXP — в подпапке res папки установки), в котором написаны интересные вещи (спасибо мозилловскому форуму за наводку, а этому форуму — за наводку на мозилловский). В частности, упоминаются некие

select > input[type="button"]

input[type="file"] > input[type="text"]

input[type="file"] > input[type="button"]

а также их особые состояния, комбинации и т.п.

Что это? Действительно ли для Мозиллы некоторые элементы форм являются составными и если да, можно ли стилизовать их по частям (я попробовал — "в лоб" не получилось, но, может, я что-то делал не так)? Или эти строчки — пережиток какой-то древней версии движка (версия навеяна комментом "Styles for old GFX form widgets" в начале файла, сразу после лицензии)? Или такая магия работает только в специфических условиях (под особой ОС, только для XUL-интерфейсов и т.п.)? Прошу поделиться тайной...

[Great Rash]

select > input[type="button"] {
  width: 12px;
  height: 12px;
  white-space: nowrap;
  position: static !important;
  background-image: url("arrow.gif") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  -moz-appearance: menulist-button;

  /* Make sure to size correctly if the combobox has a non-auto height. */
  height: 100% ! important;
  -moz-box-sizing: border-box ! important;

  /*
	Make sure to align properly with the display frame.  Note that we
	want the baseline of the combobox to match the baseline of the
	display frame, so the dropmarker is what gets the vertical-align.
  */
  vertical-align: top !important;
}

Кругом стоит !important, а значить перебить этот селектор не получится никак, только если поправить руками forms.css, но тогда от такой стилизации никакого толку.

[SelenIT]

Да, замечание про !important дельное, но этим же не загадка не исчерпывается? Например, размеров многострадальной файловыбиралки я в том файле не нахожу, значит, они фиксируются где-то еще? Больше всего меня интересует, откуда вообще берутся эти "вложенные инпуты". Судя по тому, что в файлике часто упоминаются -moz-binding'и (в частности, platformHTMLBindings.xml), предполагаю, надо копать туда?

[Great Rash]

В platformHTMLBindings.xml лежат события (events), так что копать нужно в другом направлении. В любом случае, что вам толку от того, что вы найдете в каком месте нужно поправить xml, чтобы стилизовать input[type=file]? Доступ извне (особенно из CSS или скрипта) к файловой системе клиента вы не получите, а даже если получите, то все эти xml лежат в архивированном виде (.jar).

Но если хотите покопаться идите сюда: MozillaFirefox/chrome/

Увидите кучу jar-ников, они распаковываются при помощи обычного архиватора (WinRAR, 7Zip). Копайтесь на здоровье

[SelenIT]

Great Rash, большущее спасибо за разъяснения! Теперь вижу, что толку особого нет, но по крайней мере приблизительно знаю, откуда что растёт

[Great Rash]

Если хочется стилизовать input[type=file] могу предложить к прочтению вот эту статью.

[SelenIT]

Great Rash, еще раз спасибо. Про варианты с подменой кнопки рисунком и наложением поверх прозрачного "родного" контрола (включая скрипты, делающие это ненавязчиво) я в курсе, но в "стилизации по частям" мне померещились было альтернативные решения "малой кровью"... захотелось их изучить. Пожалуй, на досуге всё-таки покопаюсь в биндингах — вдруг... чем шут не чертит?