HTML에서 Select 메뉴의 border 숨기기(트릭)

HTML에서 Select 메뉴의 border 숨기기(트릭)

 

<html>
<head>
<title>제목없음</title>

<style type="text/css">
<!--
body  { margin:0px; overflow:hidden; background-color:#f4f4f4; color:#000000; font-family:Arial,Helvetica; font-size:10px; }
.dropb {
        font:  normal 9px Small Fonts, VT100, Arial, Helvetica;
        color: #505050;
        border:2px solid #000000;
        width: 115px;
}
--></style>
</head>
<body>

<div style="position:relative;margin-right:7px;width:117px;height:18px;border:1px solid #000000;background-color:#FFFFFF">
<div style="position: xss__;left:0px;top:-1px;width:115px;height:17px;clip:rect(2,113,15,2);">
<SELECT class="dropb">
<option value="" SELECTED>FRIENDLY LINKS
<option value="">- - - - - - - - - - - - - - - - - - - - - - - - - -
<option value="http://www.webarkstudio.com">WEBARKSTUDIO
<option value="http://www.copyrightmagazine.com">COPYRIGHTMAGAZINE
<option value="http://www.publircidad.com">PUBLIRCIDAD
<option value="http://www.e-site-es.com">E-SITE
<option value="http://www.creatiu.com">CREATIU
<option value="http://www.offf.org">OFFF
</select>
</div>
</div>

</body>
</html>


microbians에서 가져왔습니다.

 

출처: http://blog.naver.com/lani76/1761622

댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -