CSS로 select 의 border(보더) 감추시

.select_box {border:1px inset #EEEEEE;overflow:hidden; font-size:12px; padding:0; position:relative; width:100; height:19px; vertical-align:middle; } .select_box div{position:absolute;overflow:hidden; width:100; height:19; clip:rect(2, 100, 18, 3);top:-2px;left:-2px;border-width:0px;} .select_box select{ font-size:12px; width:102px; height:19px;}


 <style>
   .select_box {border:1px inset #EEEEEE;overflow:hidden; font-size:12px; padding:0; position:relative;
       width:90; height:19px; vertical-align:middle;  }
   .select_box div{position:absolute;overflow:hidden; width:90; height:19; clip:rect(2, 90, 18, 3);top:-2px;left:-2px;border-width:0px;}
   .select_box select{ font-size:12px; width:92px; height:19px;}
   <!--    셀렉트 박스 꽁수용:보더가 바뀌면 다른 것도 바꿔줘야함 -->
   </style>
      <span class="select_box">
   <div >
   <select name="b_shta"  class="select_box" >
  <option value="" <?=$b_act['b_shta']==''?'selected':'' ?> >검색</option>
  <option value="b_title" <?=$b_act['b_shta']=='b_title'?'selected':'' ?> >제목</option>
  <option value="b_text" <?=$b_act['b_shta']=='b_text'?'selected':'' ?> >본문</option>
  <option value="b_uid" <?=$b_act['b_shta']=='b_uid'?'selected':'' ?> >작성자(id)</option>
  <option value="b_writer" <?=$b_act['b_shta']=='b_writer'?'selected':'' ?> >작성자(이름)</option>
      </select>
   </div></span>

댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
목록형 📷 갤러리형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
4.28
4.29
4.30
5.1
5.2
5.3
5.4
5.5
5.6
5.7
5.8
5.9
5.10
5.11
5.12
5.13
5.14
5.15
5.16
5.17
5.18
5.19
5.20
5.21
5.22
5.23
5.24
5.25
5.26
5.27
5.28
5.29
5.30
5.31
6.1