LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

解决select不能被遮盖和不能设置边框背景补白

admin
2012年4月30日 1:36 本文热度 2607









霸气宣言: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。


该文章在 2012/4/30 1:36:57 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2024 ClickSun All Rights Reserved