★★★셀렉트박스 테두리 없애기
작성자 : 단국강토
등록날짜 : 2009.02.04 10:25
<!--셀렉트박스안 글자 설정-->
<style type="text/css">
<!--
.dropb {
font {font-size:12px;
font-family:굴림;
color: #9CD3DE;
border: 1px solid #66CCFF;
width: 265px;
}
}
-->
</style>
width: 숫자 부분을 알맞게 수정하면 됩니다.<br>
clip:rect(2,263,15,2); 에서 263 부분도 알맞게 수정하면 됨<br>
<br>
<!--테두리박스 설정 : 위치, 여백(?), 넓이, 높이, 테두리(청색), 배경색(흰색)-->
<div style="position:relative;
margin-right:7px;
width:267px;
height:18px;
border:1px solid #66CCFF;
background-color: #FFFFFF">
<!--셀렉트박스 설정 : 가로시작위치, 세로시작위치, 넓이, 높이, rect()-->
<div style="position: absolute;
left:0px;
top:-1px;
width:265px;
height:17px;
clip:rect(2,263,15,2);">
<SELECT class="dropb">
<option value="" SELECTED>셀렉트 메뉴 보더 숨기기(트릭)
<option value="">- - - - - - - - - - - - - - - - - - - - - - - - - -
<option value="1">C.n.J
<option value="2">http://www.Cginjs.Com
<option value="3">CGI 와 JavaScript가 만났을 때 = C.n.J
<option value="4">C.n.J 스크립트 마법사
<option value="5">폼 태그 갤러리
<option value="6">초보 가이드
</select>
</div>
</div>
<style type="text/css">
<!--
.dropb {
font {font-size:12px;
font-family:굴림;
color: #9CD3DE;
border: 1px solid #66CCFF;
width: 265px;
}
}
-->
</style>
width: 숫자 부분을 알맞게 수정하면 됩니다.<br>
clip:rect(2,263,15,2); 에서 263 부분도 알맞게 수정하면 됨<br>
<br>
<!--테두리박스 설정 : 위치, 여백(?), 넓이, 높이, 테두리(청색), 배경색(흰색)-->
<div style="position:relative;
margin-right:7px;
width:267px;
height:18px;
border:1px solid #66CCFF;
background-color: #FFFFFF">
<!--셀렉트박스 설정 : 가로시작위치, 세로시작위치, 넓이, 높이, rect()-->
<div style="position: absolute;
left:0px;
top:-1px;
width:265px;
height:17px;
clip:rect(2,263,15,2);">
<SELECT class="dropb">
<option value="" SELECTED>셀렉트 메뉴 보더 숨기기(트릭)
<option value="">- - - - - - - - - - - - - - - - - - - - - - - - - -
<option value="1">C.n.J
<option value="2">http://www.Cginjs.Com
<option value="3">CGI 와 JavaScript가 만났을 때 = C.n.J
<option value="4">C.n.J 스크립트 마법사
<option value="5">폼 태그 갤러리
<option value="6">초보 가이드
</select>
</div>
</div>
[출처] 정이양선
"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기, 각종 광고, 영업, 판매, 제안서, 전단지 반응율 3배×10배 이상 높이는 마법의 8단계 공식" |
☞자세히보기 |
|
|