原生select高度兼容ie7--css样式

来源：互联网发布：数控编程指令g代码编辑：程序博客网时间：2024/06/05 04:55

对于一个js刚入门的我来说，js模拟写select估计要鼓捣一天也弄不明白。好吧基于同志们都喜欢用原生的select，就各种百度搜索，发现这个还不错，关键是用css覆盖的哈哈，复制过来的时候ie7下还是有些问题，经改后现在已经能正常看了

js，js我何时才能学会！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>IE7/IE8/火狐---下拉菜单select高度</title>  <style type="text/css">    .select{border:1px solid #ccc;line-height:22px;*height:22px; *margin:-2px;color:#666;padding:4px 3px;font-size:13px;width:93px;*width:85px;}    .select_border{*background:#fff;*border:1px solid #ccc;*padding:4px;width:83px;}    .container{*border:0;*position:relative;*width:81px;*height:18px;*overflow:hidden;*background:#fff;}  </style></head><body><div class="select_border">  <div class="container">    <select name="" class="select">      <option selected="selected">区域不限</option>      <option>北京</option>      <option>天津</option>      <option>上海</option>      <option>重庆</option>    </select>  </div></div></body></html>

阅读全文

0 0