Select css как убрать рамку

Можно ли убрать рамку у содержимого выпадающего списка?

Spritz

2 ноября 2012 г. 9:25, спустя 51 минуту 6 секунд

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

Сообщения: 26646 Репутация: N Группа: в ухо

Spritz

2 ноября 2012 г. 9:43, спустя 17 минут 58 секунд

Как убрать границу select и изменить цвет?

Задание: разместить блоки в строку и при этом у второго блока select поменять цвет и убрать границу.
Блоки разместила, но при этом цвет и границы у второго блока убрать не могу, даже при командах: border: none; или outline: none;

   Новостное агентство    Самые свежие новости в реальном времени 13.05.2020 20:04
 
 
      
 +22C
 TEKCT

html, body < margin: 0; padding: 0; min-width: 1000px; >#black-bar < background-color: black; color: white; padding: 20px; >#black-bar a < color: white; >#daytime < float: right; >.fixed-container < width: 960px; margin: 0 auto; >.ui < display: inline-block; margin-top: 40px; >.ilo < float:right; background-color: yellow; width: 100px; >.ilo2 < float: left; background-color: yellow; width: 100px; >.ilo3 < margin-left: 62px; margin-top: 50px; color: red; border: none; >.ilo4

Рамка у Select’a

В общем столкнулся с проблемой образования нормального стиля рамки у тега select. Обычными солидами не обойтись — пробовал создавать рамку у div’a и в него вставлял select со скрытой рамкой — ничего вразумительного не получилось. Если возможно, выложите код с описание как это можно сделать.

13 ответов

10 марта 2006 года
3.5K / / 15.06.2005

Originally posted by Lohotron
В общем столкнулся с проблемой образования нормального стиля рамки у тега select. Обычными солидами не обойтись — пробовал создавать рамку у div’a и в него вставлял select со скрытой рамкой — ничего вразумительного не получилось. Если возможно, выложите код с описание как это можно сделать.

А покажи, как ты div’ом делал. Просто другого способа нет. Разве что написать свой select’о-подобный select.

11 марта 2006 года
3.0K / / 13.12.2005

База данных

13 марта 2006 года
6 / / 10.03.2006

Originally posted by mfender
А покажи, как ты div’ом делал. Просто другого способа нет. Разве что написать свой select’о-подобный select.

К сожалению давненько это было, уже не помню точно,какими средствами пользовался, по этому и попросил пример кода 🙁

13 марта 2006 года
6 / / 10.03.2006
Originally posted by alekciy
«Матчасть учим!» (с)
Оно?

нед, нужно изменить рамку а недобавить поверх существующей еще одну.

13 марта 2006 года
3.0K / / 13.12.2005
Originally posted by Lohotron
нед, нужно изменить рамку а недобавить поверх существующей еще одну.

Что бы рамка изменялась при наведении курсора на SELECT? Так это JS тогда, а не CSS тебе нужен. А в CSS все останется так, как я и написал.

13 марта 2006 года
3.5K / / 15.06.2005
Originally posted by Lohotron
нед, нужно изменить рамку а недобавить поверх существующей еще одну.

Такое чудо — только в Опере. Остальные браузеры исползуют виндовый комбо-бокс, который прорисовывается совсем иначе, чем прочие элементы ввода. Обращал внимание когда-нибудь, что все select’ы выползают выше flash-роликов?

13 марта 2006 года
6 / / 10.03.2006

Originally posted by mfender
Такое чудо — только в Опере. Остальные браузеры исползуют виндовый комбо-бокс, который прорисовывается совсем иначе, чем прочие элементы ввода. Обращал внимание когда-нибудь, что все select’ы выползают выше flash-роликов?

Я точно помню, что средствами css можно эту рамку вообще убрать (а потом налепить рамку с помошью того же div-а или span-а), вот только как это сделать по умному?:/

Есть извратный способ, который мне посоветовали — но он никуда не годиться:

13 марта 2006 года
6 / / 10.03.2006
Еще вот так пробовал:

работает в ИЕ, но не хочет убирать рамку select-а в мозиле.
13 марта 2006 года
4 / / 03.03.2006
в мозиллах, так же как и в новой опере, outer > select убирает рамку.
13 марта 2006 года
3.0K / / 13.12.2005

Originally posted by Lohotron
Я точно помню, что средствами css можно эту рамку вообще убрать (а потом налепить рамку с помошью того же div-а или span-а), вот только как это сделать по умному?:/

Матчасть все же учим. Средствами CSS это сделать нельзя. Способы связанные с фичами/глюками разных браузеров я за способ решения сабжа не беру. Изврат это. Так же как и делать усечение. Потому как это не убирание рамки, а её обрезка (скрытие).

13 марта 2006 года
6 / / 10.03.2006
Originally posted by -no-
в мозиллах, так же как и в новой опере, outer > select убирает рамку.

К сожалению не помогло, по крайней мере в пятой версии мозилы.

21 декабря 2010 года
4 / / 31.07.2010
Поищи программу, которой выполняется изменить рамку. Например, скачай отсюда.
07 января 2011 года
33 / / 25.01.2004

Советую использовать таблицу.
В ячейках таблицы удобно располагать элементы формы.
[HTML]

База данных

[/HTML]
Поэкспериментируйте с параметрами таблицы.

CellSpacing — расстояние между ячейками.
CellPadding — «поля» ячейки, т.е. расстояние между краями ячейки и содержимым.

Вместо слова Solid (сплошная рамка) можно использовать
None, Dotted, Dashed, Double, Groove, Ridge, Inset, Outset.

Вместо Red можно указать любой другой цвет.

Вместо 4px можно указать любой другую толщину.

Тег означает начало новой строки таблицы.
Тег означает начало новой ячейки в той же строке.