Snippet 본문

라운드형 B

등록
민소라, 이윤용 (등록일 : 2012/04/30    최종수정일 : 2013/05/29)
Type
Mobile
설명
미리보기
Html
<select class="opt_select opt_open"> <!-- 활성화시 opt_open 추가 -->
	<option value="0" selected="selected">대분류 선택</option>
	<option value="1">435회차 (2011.04.02)</option>
	<option value="2">434회차 (2011.03.26)</option>
</select>

<select class="opt_select " disabled=""> <!-- 활성화시 opt_open 추가 -->
	<option value="0" selected="selected">소분류 선택</option>
</select>
CSS
.opt_select {display:block;position:relative;width:193px;height:26px;margin-top:6px;padding:0 30px 0 7px;border:1px solid #dadada;border-radius:4px;-webkit-border-radius:4px;font-size:13px;color:#bdbdbd;background:#fbfbfb url(/snippet/image?idx=312) 100% -30px no-repeat;-webkit-appearance:none}
.opt_open {border-color:#c1c1c1;color:#666;background-color:#fcfcfc ;background-position:100% 0}

@media 
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
.opt_select {background-image:url(/snippet/image?idx=313);-webkit-background-size:40px 60px;background-size:40px 60px}
}
@media 
only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2) {
.opt_select {background-image:url(/snippet/image?idx=314);-webkit-background-size:40px 60px;background-size:40px 60px}
}

안내 : 해당 Snippet을 사용하기 위해서는 Daum에서 사용하는 reset.css(global classname포함)를 사용 하셔야 합니다.
※ [ CSS Convention ] 바로가기