일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- 이미지텍스트변환
- 아이프레임유튜브썸네일변경
- 서브라임git
- 아이프레임유튜브썸네일
- 해시스크롤이동
- css3 animate
- 하단스크롤
- PC에서텍스트추출
- 서브라임+git
- sublime+git
- 애니메니션효과
- 아기옷
- css효과
- 달콤한바느질
- sublimetextgit연동
- scroll이동
- 특정위치고정
- youtubeiframethumbnail
- 서브라임git연동하는 방법
- 이미지텍스트추출
- 스크롤하단
- 아이옷
- 연동하는방법
- css3예제
- css애니메이션효과
- 하단특정위치
- 텍스트추출
- 하단fixed
- 앵커이동
- youtubethumbnail
Archives
- Today
- Total
개인공간
[TIP] 셀렉트박스 디자인입히기 본문
반응형
.selects { position: relative; width: 200px; height: 40px; background: url(select_arrow.png) 180px center no-repeat; /* 화살표 이미지 */ border: 1px solid #E9DDDD; } .selects label { position: absolute; font-size: 14px; color: #a97228; top: 13px; left: 12px; letter-spacing: 1px; } .selects select#color { width: 100%; height: 40px; min-height: 40px; line-height: 40px; padding: 0 10px; opacity: 0; filter: alpha(opacity=0); /* IE 8 */ }
jQuery(document).ready(function(){ var select = $("select#color"); select.change(function(){ var select_name = $(this).children("option:selected").text(); $(this).siblings("label").text(select_name); }); });
반응형
'IT정보 > TIP' 카테고리의 다른 글
[TIP]sublime(서브라임) SideBar(사이드바) 단축키 지정 (localhost 연결하기) (0) | 2018.11.21 |
---|---|
[TIP]SD카드 이미지,동영상 복구방법(Image Rescue 3) (0) | 2018.04.08 |
[TIP] UltraCompare_파일비교프로그램 (0) | 2016.12.28 |
[TIP] @가이드만들기(menulist) (0) | 2016.12.07 |
[TIP] IIS localhost 잡는방법 (0) | 2016.12.06 |