Главная > CSS > css: своя стрелка для select

css: своя стрелка для select

html:

<div class="select_cnt">
	<select id="selectid" name="selectname">
		<option value="1">вариант 1</option>
		<option value="2">вариант 2</option>
	</select>
</div>

css:

.select_cnt {
	width:180px;
	height:20px;
	overflow:hidden;
	float:right;
	margin-right:20px;
	background:url('/img/cat_select.png') no-repeat right;
}
.select_cnt select {
	width:200px;
	height:20px;
	border:none;
	background-color:transparent;
	background-color: rgba(0,0,0,0);
}
Categories: CSS Tags:
  1. Константин
    9 сентября,2013 в 13:50 | #1

    Что за идиотизм? Автор, ты бы проверил сначала, хотя бы на хроме, перед тем как выкладывать такое мудрое решение…

  2. Антон
    24 апреля,2013 в 11:27 | #2

    Ага и не фига не рабооатет в других брауезрах очень полезная хрень!

Похожие публикации