Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > 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 

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

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)