인터넷정보

input, textarea 마우스 포커스시 테두리 하일라이트

알 수 없는 사용자 2007. 10. 17. 00:16



http://oxtag.com/zboard/zboard.php?id=etc&page=8&sn1=&divpage=1&sn=on&ss=on&sc=on&select_arrange=headnum&desc=asc&no=216

input나 textarea에 마우스로 찍어보세요.<br><br>

<style>
.input_write {border:2px solid #DFDFDF;background-color:#FFFFFF;height:16px;font-family:TTche,Verdana,Tahoma;font-size:9pt}
.input_write_on {border:2px solid #88BE06;background-color:#FFFFEF;height:16px;font-family:TTche,Verdana,Tahoma;font-size:9pt}
.textarea_write {border:2px solid #DFDFDF;background-color:#FFFFFF;font-family:TTche,Verdana,Tahoma;font-size:9pt}
.textarea_write_on {border:2px solid #88BE06;background-color:#FFFFEF;font-family:TTche,Verdana,Tahoma;font-size:9pt}
</style>

<input type=text value="" size=61 maxlength=200 class=input_write onfocus=this.className='input_write_on' onblur=this.className='input_write'>
<textarea cols=60 rows=20 class=textarea_write onfocus=this.className='textarea_write_on' onblur=this.className='textarea_write'></textarea>


</font>
   

반응형