IE6 / IE7 CSS граница на элементе выбора - PullRequest
Новая
       61

IE6 / IE7 CSS граница на элементе выбора

31 голосов
/ 19 декабря 2008

У кого-нибудь есть решение для стилизации границ элементов "select" в Internet Explorer с использованием CSS?

Ответы [ 14 ]

1 голос
/ 17 января 2011

Просто добавьте объявление doctype перед тегом html

пример: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">

Это будет работать и в файлах JSP. Для дальнейшей информации: HTML-декларация Doctype

1 голос
/ 19 мая 2010

Чтобы сделать границу вдоль одной стороны выбора в IE, используйте фильтры IE:

select.required { рамка слева: 2px сплошной красный; фильтр: progid: DXImageTransform.Microsoft.dropshadow (OffX = -2, OffY = 0, color = # FF0000) }

Я поставил границу только на одной стороне всех своих входов для требуемого статуса.

Вероятно, есть эффекты, которые лучше справляются со всесторонней границей ...

http://msdn.microsoft.com/en-us/library/ms532853(v=VS.85).aspx

1 голос
/ 27 февраля 2010

Это решает для меня, для моих целей: 

.select-container {
  position:relative;
  width:200px;
  height:18px;
  overflow:hidden;
  border:1px solid white !important
}
.select-container select {
  position:relative;
  left:-2px;
  top:-2px
}

Для придания большего стиля нужно будет использовать вложенные div.

1 голос
/ 19 декабря 2008

Вам понадобится специальное поле выбора с CSS и JavaScript. Вы должны быть абсолютно уверены в том, что он идеально подходит для стандартного элемента select, если у пользователя отключен JavaScript.

ИМО, это просто не стоит усилий. Придерживайтесь стилей шрифтов в пределах выбора, чтобы приблизить его к дизайну вашего сайта; оставить границы и т. д. для элементов ящика.

Страница:
...