IE6和IE7下select下拉框CSS显示不正常

yaotomo 2012-12-09 11:38:10

IE8，火狐下的效果

IE6，IE7下的效果

边框颜色，padding的效果都没有了。
还有怎么将下拉框右边的箭头高度设置高一些？如果设置height属性的话，下拉框里的字体就不垂直居中了。。请指教，谢谢大家。

CSS代码



#addnew select { width:118px; padding: 8px;font-size: 13px; color: #222;border-top: 1px solid #CCC;  border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6;}

...全文

468 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

wohuifude123 2013-08-02

打赏
举报

IE6和IE7自身的问题貌似没法解决

ztszhq 2013-08-02

打赏
举报

http://hi.baidu.com/gfhkitx/item/336557e4a6df2a0f8d3ea8e3

yaotomo 2013-08-02

打赏
举报

来个人，给分啊。不然没法结贴！

yaotomo 2012-12-10

打赏
举报

继续求助。。。

yaotomo 2012-12-09

打赏
举报

怎么传上来颜色变了。。IE6和IE7下的边框效果是默认的蓝色的，没有更改。。。

CSS+jQuery简单实现select下拉框,用到font-awesome字体库，主要用来实现下拉箭头，可以用图标替代，样式可以自己定义修改，兼容IE8+、Chrome、Firefox...

这个是我花了20分钟自己从设计图片，写CSS，到调整，来完成的一个自己认为很漂亮的自定义下来菜单，使用起来非常简单，只需外调一个css和一个js文件，页面中仍然按照原来的写标签，另外，只在IE6.0的版本上测试通过。貌似，图片无法上传上来，本想先让正在寻找的朋友看一看的，看来，只有先下载了，再说了，绝对漂亮，不要错过哟！

在做下拉框select的时候用一个箭头符号，作为下拉框的三角，在firefox和chrome下均可以正常显示，但是在IE下无法显示。查找了很久，发现是图片格式问题，把png格式的转换成gif的就没有问题了。。。。附相关代码，主要是html的：复制代码代码如下: <style type=”text/css”> .select{ width:180px; height:29px; overflow:hidden; border:solid 1px #339999; border-radius:5px; background:url(images/arrow.gif) no-repeat 1

select 下拉框和自动补全的样式演示 <link rel="stylesheet" href="dist/select.css"> <style> @font-face { font-family: "rei"; src: url("https://i.alipayobjects.com/common/fonts/rei.eot?20140611"); /* IE9 */ src: url("https://i.alipayobjects.com/common/fonts/rei.eot?20140611#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("https://i.alipayobjects.com/common/fonts/rei.woff?20140611") format("

个人做了一些自定义的修改代码如下: <!–[if lt IE 9]> [removed] jQuery(function($){ var el; $(“select”).each(function() { el = $(this); el.data(“origWidth”, el.css(“width”)); // el.data(“oriWidth”,85); }) .focusin(function(){ el=$(this); el.css(“width”, “auto”); //if(el.width() < el.data(“oriWi

CSS

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章