泰安网站建设

泰安网站建设公司与您分享解决select不能被遮盖和不能设置边框背景补白

日期:2017-06-09 / 人气: / 来源:祥奕互联

Webjx.Com提示:解决select不能被遮盖和不能设置边框背景补白.  

霸气宣言:select终极解决方案  
作品类型:其他类型作品  
作品描述:解决select不能被遮盖和不能设置边框背景补白等样式的问题  
制作思路:使用htc文件动态脚本修复,从而使使用者只需几行CSS就能搞定问题  

<!DOCTYPE HTML>
 
<html>
 
<head>
 
<meta charset="utf-8">
 
<title>select</title>
 
<style type="text/css">
 
select {
 
    border: 1px solid #ccc;
 
    background: none;
 
    padding: 4px 5px;
 
    outline: none;
 
    color: #333;
 
    *behavior: url(select.htc);
 
}
 
select:focus {
 
    border-color: #79c0f2;
 
}
 
</style>
 
</head>
 

<body>
 
<select>
 
    <option>select</option>
 
</select>
 
</body>
 
</html>

这是我们测试用的页面,泰安网站建设,请将它复制并保存为html文件。

然后下载附件,将select.htc放在与html相同的文件夹中

然后你就可以看到效果了。

对于不理解IE下Select的Bug的同学,泰安网络公司,可以删除select.htc后使用IE6、7查看demo页,以便查看区别

点击此处查看demo
下载select.htc
2012-4-21 更新,支持自定义边框颜色,解决服务器环境下无法更新select显示内容的bug
2012-4-22 更新,支持自定义小三角颜色(使用scrollbar-arrow-color定义),优化更新select显示内容时的效率,增加focus状态下样式,泰安网络推广,美化了背景色不为白色时IE7下的效果,解决了IE6中select在focus时即使没有hover也不能滚顿页面的bug。
2012-4-25 更新,支持透明背景或任意其他颜色背景的select。

作者:taianmedia.com


关于我们

祥奕互联是专业从事企业网站设计、网站制作、电子商务项目规划,提供全面的基于互联网解决方案的应用服务供应商。通过精准,定向的网络传媒,提供了切实有效的服务与积极的作用,为客户创造良好的经济......

联系我们

  • 地 址:山东泰安灵山大街与顺河路交界处
  • Q Q:2412286760
  • 邮 箱:2412286760@qq.com
  • 手 机:18505382245
  • 电 话:0538-6272533
版权所有:泰安市祥奕互联网络科技有限公司    鲁ICP备16007239号
Go To Top 回顶部
建站咨询
网站优化
索要报价
扫一扫

扫一扫
祥奕互联赠送神秘大礼

全国免费服务热线
18505382245

返回顶部