Как можно настроить внешний вид select через css? @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
На страницу 1 2  >  Страница 1 из 2 [ Сообщений: 38 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
oniksseo Муж.
новый человек
0
Сообщения: 6
Зарегистрирован: 20.02.06
Заголовок сообщения: Как можно настроить внешний вид select через css?
Сообщение Добавлено: 23 Февраль 2006, 16:30:06 
Знаю, что здесь обсуждаются готовые сайты, но не в полиграфию же постить:)
Вопрос в следующем - как можно средствами CSS настроить внешний вид select (рамка, стрелка). Пробовал простыми border задавать, так в Опере работает, а в осле - нет :cry: . В принципе, я не прошу по полочкам разложить все атрибуты, буду рад простой ссылке на сайт, где подобное реализовано, а уж там сам разберусь, что за что отвечает. В общем, надеюсь на помощь...
Mn3m0NiC Муж.
новый человек
6
Сообщения: 286
Зарегистрирован: 03.01.05
Сообщение Добавлено: 23 Февраль 2006, 16:47:26 
SELECT {
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #999999 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #333333 1px solid;
FONT-SIZE: 7pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #ffffff
}


Примерно так

_________________
[Mn3m0NiC] - Assisting memory , from the Greek, mnEmOn, or mindful.
My work is a game, a very serious game. — MAURITS CORNELIS ESCHER
fidukoff Муж.
Модератор
раздолбай-зануда
188
Сообщения: 8387
Зарегистрирован: 08.12.01
Откуда: Москва
Сообщение Добавлено: 23 Февраль 2006, 19:39:10 
Mn3m0NiC, датычо... ты пробовал сей код?

oniksseo, никак. Это элемент браузера.

_________________
Life is short, paddle hard!!!
Обмен ссылками
Каяк-видео
Mn3m0NiC Муж.
новый человек
6
Сообщения: 286
Зарегистрирован: 03.01.05
Сообщение Добавлено: 23 Февраль 2006, 19:50:51 
Это в *.css

Код:
SELECT.text {
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #999999 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #333333 1px solid;
FONT-SIZE: 7pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #ffffff
}




А это в *.html

Код:
<select class="text">
  <option>dsadad</option>
  <option>asdasdas</option>
  <option>asd</option>
  <option>dasd</option>
</select>


Делал подобное пару лет назад для одного сайта

_________________
[Mn3m0NiC] - Assisting memory , from the Greek, mnEmOn, or mindful.
My work is a game, a very serious game. — MAURITS CORNELIS ESCHER
fidukoff Муж.
Модератор
раздолбай-зануда
188
Сообщения: 8387
Зарегистрирован: 08.12.01
Откуда: Москва
Сообщение Добавлено: 23 Февраль 2006, 20:11:03 
Mn3m0NiC, ну и посмотри результат.
ты можешь в селекте управлять только цветом текста, шрифтом и цветом фона. Усе. Бордерами нет.

_________________
Life is short, paddle hard!!!
Обмен ссылками
Каяк-видео
Mn3m0NiC Муж.
новый человек
6
Сообщения: 286
Зарегистрирован: 03.01.05
Сообщение Добавлено: 23 Февраль 2006, 20:12:40 
в FireFox я вижу все нормально так же как и цвет бордера.…

щас будет скрин...

_________________
[Mn3m0NiC] - Assisting memory , from the Greek, mnEmOn, or mindful.
My work is a game, a very serious game. — MAURITS CORNELIS ESCHER
Mn3m0NiC Муж.
новый человек
6
Сообщения: 286
Зарегистрирован: 03.01.05
Сообщение Добавлено: 23 Февраль 2006, 20:17:03 
http://img208.imageshack.us/my.php?image=skreen8xe.gif

_________________
[Mn3m0NiC] - Assisting memory , from the Greek, mnEmOn, or mindful.
My work is a game, a very serious game. — MAURITS CORNELIS ESCHER
fidukoff Муж.
Модератор
раздолбай-зануда
188
Сообщения: 8387
Зарегистрирован: 08.12.01
Откуда: Москва
Сообщение Добавлено: 23 Февраль 2006, 20:27:47 
странно, ну по верю :)

Вообще-то FF 1.0.7 не поддерживает, ИЕ 6 и ниже не поддерживает, опера 8.5 выдает ваще хрень какую-то, по диагонали углы :insane:
только что проверил специально

_________________
Life is short, paddle hard!!!
Обмен ссылками
Каяк-видео
sergey1989
новый человек
0
Сообщения: 64
Зарегистрирован: 11.02.06
Сообщение Добавлено: 23 Февраль 2006, 20:41:09 
FF 1.0.7 поддерживает.
ИЕ 6.0 поддерживает.
Возможно в настройках что-то отключено =)
fidukoff Муж.
Модератор
раздолбай-зануда
188
Сообщения: 8387
Зарегистрирован: 08.12.01
Откуда: Москва
Сообщение Добавлено: 23 Февраль 2006, 20:43:06 
епта, с каких пор они все стали поддерживать свойста селекта? :insane:

_________________
Life is short, paddle hard!!!
Обмен ссылками
Каяк-видео
TONIC XGM
старожил
8
Сообщения: 5708
Зарегистрирован: 20.05.05
Сообщение Добавлено: 23 Февраль 2006, 20:45:25 


Последний раз редактировалось TONIC XGM 26 Март 2008, 15:34:57, всего редактировалось 1 раз.
Mn3m0NiC Муж.
новый человек
6
Сообщения: 286
Зарегистрирован: 03.01.05
Сообщение Добавлено: 23 Февраль 2006, 20:46:37 
TONIC XGM, :beer: :beer: хахаха

_________________
[Mn3m0NiC] - Assisting memory , from the Greek, mnEmOn, or mindful.
My work is a game, a very serious game. — MAURITS CORNELIS ESCHER
Kurilshik
Goldmember
142
Сообщения: 12797
Зарегистрирован: 18.10.04
Откуда: Кожаное кресло
Сообщение Добавлено: 23 Февраль 2006, 20:46:55 
первый раз слышу :amazed:

_________________

Портфолио - ЖЖ - Кулинарные рецепты - Блог о дизайне, уроки фотошоп

icq: 295346452 | Почта: info()alexey-popov.com

.
Mn3m0NiC Муж.
новый человек
6
Сообщения: 286
Зарегистрирован: 03.01.05
Сообщение Добавлено: 23 Февраль 2006, 20:51:52 
Опера 8.5.2 тоже прекрасно все показывает, и бордер и колор (только что скачал проверить)

_________________
[Mn3m0NiC] - Assisting memory , from the Greek, mnEmOn, or mindful.
My work is a game, a very serious game. — MAURITS CORNELIS ESCHER
.talisman Муж.
участник
84
Сообщения: 1562
Зарегистрирован: 13.01.05
Сообщение Добавлено: 23 Февраль 2006, 20:54:13 
поддерживает только фф.
зы. в опере 8.5 не работает, в 8.52 не смотрел.
fidukoff Муж.
Модератор
раздолбай-зануда
188
Сообщения: 8387
Зарегистрирован: 08.12.01
Откуда: Москва
Сообщение Добавлено: 23 Февраль 2006, 20:59:41 
Mn3m0NiC, может еще и цвет галочки меняется?[/offtopic]

_________________
Life is short, paddle hard!!!
Обмен ссылками
Каяк-видео
sergey1989
новый человек
0
Сообщения: 64
Зарегистрирован: 11.02.06
Сообщение Добавлено: 23 Февраль 2006, 21:08:21 
Вобщем провёл тест, вот его результаты (все браузеры стоят у меня в системе):
Opera 7.54u1 - поддерживает
FireFox 1.0.7 - поддерживает
Mozilla 1.8a4 - поддерживает
IE 7.0 betta 2 - не поддерживает

_________________
Mlib
Kurilshik
Goldmember
142
Сообщения: 12797
Зарегистрирован: 18.10.04
Откуда: Кожаное кресло
Сообщение Добавлено: 23 Февраль 2006, 21:19:29 
оффтопик:
Да, кстати, неплохо бы было менять цвет галочки, вообще было бы супер.

_________________

Портфолио - ЖЖ - Кулинарные рецепты - Блог о дизайне, уроки фотошоп

icq: 295346452 | Почта: info()alexey-popov.com

.
.talisman Муж.
участник
84
Сообщения: 1562
Зарегистрирован: 13.01.05
Сообщение Добавлено: 23 Февраль 2006, 21:53:18 

sergey1989 писал(а):
Вобщем провёл тест, вот его результаты (все браузеры стоят у меня в системе):
Opera 7.54u1 - поддерживает

скриншот в студию!
Mn3m0NiC Муж.
новый человек
6
Сообщения: 286
Зарегистрирован: 03.01.05
Сообщение Добавлено: 23 Февраль 2006, 22:02:10 
fidukoff, незнаю нащет цвета галочки :/

_________________
[Mn3m0NiC] - Assisting memory , from the Greek, mnEmOn, or mindful.
My work is a game, a very serious game. — MAURITS CORNELIS ESCHER
sergey1989
новый человек
0
Сообщения: 64
Зарегистрирован: 11.02.06
Сообщение Добавлено: 23 Февраль 2006, 22:40:21 

.talisman писал(а):

sergey1989 писал(а):
Вобщем провёл тест, вот его результаты (все браузеры стоят у меня в системе):
Opera 7.54u1 - поддерживает

скриншот в студию!


Изображение[/img]
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 24 Февраль 2006, 10:43:00 
нда уж, хрень какая-то, полуподдержание селекта.
Отсюда (для себя, сделанный правда давно) вывод -- не красить элементы формы без крайней необходимости, а селект вообще не трогать, ибо оно есть тонкое место...

_________________
клетчатый!
Яблоко Муж.
постоянный участник
21
Сообщения: 3070
Зарегистрирован: 14.02.06
Откуда: Москва
Сообщение Добавлено: 24 Февраль 2006, 13:56:01 
Через .css никак :cry:
Если уж больно нужно покрасить, я видел вариант на Javascript с использованием кучи Div и обычной формы Input.
Выпадающий список почти не отличался от стандартного. Можно и во флэш сделать )) Короче, вариантов масса.
Удачи.

_________________
жж
Mn3m0NiC Муж.
новый человек
6
Сообщения: 286
Зарегистрирован: 03.01.05
Сообщение Добавлено: 24 Февраль 2006, 14:02:39 

Яблоко писал(а):
Через .css никак :cry:
Если уж больно нужно покрасить, я видел вариант на Javascript с использованием кучи Div и обычной формы Input.
Выпадающий список почти не отличался от стандартного. Можно и во флэш сделать )) Короче, вариантов масса.
Удачи.




Почитайте весь топик а не только вопрос.

_________________
[Mn3m0NiC] - Assisting memory , from the Greek, mnEmOn, or mindful.
My work is a game, a very serious game. — MAURITS CORNELIS ESCHER
Яблоко Муж.
постоянный участник
21
Сообщения: 3070
Зарегистрирован: 14.02.06
Откуда: Москва
Сообщение Добавлено: 24 Февраль 2006, 14:25:41 
Mn3m0NiC, согласен с мнением автора, что селект — часть браузера.
Если вы присмотритесь, здесь мы добились изменения только области ввода. Сама же стрелочка не меняется.

P.S. Вообще это не нужно. Он действительно плохо смотриться модифицированый :beer:

_________________
жж
Mn3m0NiC Муж.
новый человек
6
Сообщения: 286
Зарегистрирован: 03.01.05
Сообщение Добавлено: 24 Февраль 2006, 14:27:14 

Яблоко писал(а):
Mn3m0NiC, согласен с мнением автора, что селект — часть браузера.
Если вы присмотритесь, здесь мы добились изменения только области ввода. Сама же стрелочка не меняется.

P.S. Вообще это не нужно. Он действительно плохо смотриться модифицированый :beer:




А никто и не сказал что она меняется, мы тут говорили про бордер итд

_________________
[Mn3m0NiC] - Assisting memory , from the Greek, mnEmOn, or mindful.
My work is a game, a very serious game. — MAURITS CORNELIS ESCHER
Abstract Муж.
постоянный участник
37
Сообщения: 3900
Зарегистрирован: 25.10.05
Откуда: Ближнее зарубежье
Сообщение Добавлено: 24 Февраль 2006, 14:53:57 
Селект — часть кода визуализации, но уж никак не браузера, который, браузер, может в той или иной степени адекватности воспроизвести директивы этого кода.

Вообще-то, ясли находятся примерно тут: http://www.w3.org/Style/CSS/learning
Яблоко Муж.
постоянный участник
21
Сообщения: 3070
Зарегистрирован: 14.02.06
Откуда: Москва
Сообщение Добавлено: 24 Февраль 2006, 15:02:37 
Mn3m0NiC,
Цитата:
А никто и не сказал что она меняется, мы тут говорили про бордер итд




Читайте внимательно вопрос автора

Цитата:
Вопрос в следующем - как можно средствами CSS настроить внешний вид select (рамка, стрелка).


_________________
жж
Mn3m0NiC Муж.
новый человек
6
Сообщения: 286
Зарегистрирован: 03.01.05
Сообщение Добавлено: 24 Февраль 2006, 15:04:20 
Яблоко, ну тогда в вашем ответе надо было пояснить что стрелку никак :)

:cool: :beer:

_________________
[Mn3m0NiC] - Assisting memory , from the Greek, mnEmOn, or mindful.
My work is a game, a very serious game. — MAURITS CORNELIS ESCHER
Abstract Муж.
постоянный участник
37
Сообщения: 3900
Зарегистрирован: 25.10.05
Откуда: Ближнее зарубежье
Сообщение Добавлено: 24 Февраль 2006, 15:10:14 
"Читайте внимательно вопрос автора"

Читайте внимательно ответы.
Яблоко Муж.
постоянный участник
21
Сообщения: 3070
Зарегистрирован: 14.02.06
Откуда: Москва
Сообщение Добавлено: 24 Февраль 2006, 15:11:30 
оффтопик:
Mn3m0NiC, я же сказал в предыдущем посте, что можно, но не средствами .css

Я не очень-то удивлюсь, если найдется герой, который каким-либо чудом сможет изменить стрелку в .css
Напротив удивлюсь, если эта модификация будет корректно отображаться во всех браузерах.[/offtopic]

_________________
жж
fidukoff Муж.
Модератор
раздолбай-зануда
188
Сообщения: 8387
Зарегистрирован: 08.12.01
Откуда: Москва
Сообщение Добавлено: 24 Февраль 2006, 15:20:37 
кстати, лень проверять, а часом свойста как для прокрутки не работают для стрелки?

_________________
Life is short, paddle hard!!!
Обмен ссылками
Каяк-видео
Mn3m0NiC Муж.
новый человек
6
Сообщения: 286
Зарегистрирован: 03.01.05
Сообщение Добавлено: 24 Февраль 2006, 15:22:48 

fidukoff писал(а):
кстати, лень проверять, а часом свойста как для прокрутки не работают для стрелки?



Пробовал вчера, неработало.

_________________
[Mn3m0NiC] - Assisting memory , from the Greek, mnEmOn, or mindful.
My work is a game, a very serious game. — MAURITS CORNELIS ESCHER
Abstract Муж.
постоянный участник
37
Сообщения: 3900
Зарегистрирован: 25.10.05
Откуда: Ближнее зарубежье
Сообщение Добавлено: 24 Февраль 2006, 15:32:53 
"Пробовал вчера, неработало."

"Ниасилил, патамушта слишкам много букв!"
Mn3m0NiC Муж.
новый человек
6
Сообщения: 286
Зарегистрирован: 03.01.05
Сообщение Добавлено: 24 Февраль 2006, 15:34:17 
Abstract, ???? :confused:

_________________
[Mn3m0NiC] - Assisting memory , from the Greek, mnEmOn, or mindful.
My work is a game, a very serious game. — MAURITS CORNELIS ESCHER
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
На страницу 1 2  >  Страница 1 из 2 [ Сообщений: 38 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100