Стили для select

sirop · February 11, 2009

Здравствуйте.

Никак не получается создать список select без рамки. Подскажите, как это можно сделать?

<select size=2 style="width: 100%; margin: 5px; border: 0">
<option value="VAK">Вакансии</option>
 <option value="ACC">Афоризмы</option>
</select>

Vlad · February 11, 2009

Почему же, создается без рамки как и задумано. Только в IE6 рамка видна. Но ведь речь конечно же не про этот браузер, раз он ни разу не упомянут.

Great Rash · February 11, 2009

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title></title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />

	<style type="text/css">
		div {
			float: left;
			overflow: hidden;
		}

		select {
			border: none;
			//margin: -1px;
		}
	</style>
</head>

<body>

<div>
<select>
<option value="VAK">Вакансии</option>
<option value="ACC">Афоризмы</option>
</select>
</div>

</body>
</html>

По идее работает везде.

UPD: только если size будет больше 0, то у тега option бордеры убрать не получится.

Edited February 11, 2009 by Great Rash

sirop · February 11, 2009

UPD: только если size будет больше 0, то у тега option бордеры убрать не получится.

Эх, жаль. Как раз и хотел этого - при size больше 0 убрать бордюры. Прийдётся искать другие способы.

Спасибо за ответы

Sign In

Стили для select

Question

sirop

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

sirop

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information