Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > padding и background на select-е

Автор: azesmcar 16.3.2010, 09:20

Добрый день,

Чтобы долго не рассказывать сразу покажу чего я хочу добиться

хочу установить иконки на input-ы в зависимости от типа вводимых данных (ну и валидация соответствующая стоит). Вот так
user posted image

делается это вот так

Код


.input_date
{
    background: url(../img/date_ico.png) no-repeat #fff;
    border: 2px #a5c353 solid;
    padding-left: 20px;
    width: 150px;
}

хотелось бы установить иконку также и на select (есть select для выборки времени, есть для чего-то другого) ... проблема вот в чем
в firefox как всегда все отлично, проблема с другими
Safari - вообще не признает padding-left на select-е, background показывает
Chrome - признает padding, но игнорирует background
Internet explorer - я удивлен, но он нормально отобразил
Opera - ведет себя как последний Chrome

отказаться от этой идеи или есть все таки решения?

Спасибо.

Автор: bars80080 16.3.2010, 15:31

Цитата(azesmcar @ 16.3.2010, 08:20

)

Internet explorer - я удивлен, но он нормально отобразил

да ладно? надо будет попробовать

вообще, суть кроссбраузерной покраски селектов всегда сводится к созданию замены на слоях. там где это красится проще и эффективно.

тут один товарищ нимало сил на это дело положил http://forum.vingrad.ru/index.php?showtopic=151005&view=findpost&p=1131985

Автор: azesmcar 16.3.2010, 15:35

Цитата(bars80080 @ 16.3.2010, 15:31

)

да ладно? надо будет попробовать

самому не верится, может что не так сделал smile

Цитата(bars80080 @ 16.3.2010, 15:31

)

вообще, суть кроссбраузерной покраски селектов всегда сводится к созданию замены на слоях. там где это красится проще и эффективно.

ясно, в общем делается через одно место

Цитата(bars80080 @ 16.3.2010, 15:31

)

тут один товарищ нимало сил на это дело положил http://forum.vingrad.ru/index.php?showtopi...t&p=1131985

спасибо, попробую сделать с минимальными жертвами.