ie 9 select 下拉框 右侧 箭头

摘要:
由于不同浏览器的select选项的默认样式不同,为了样式统一性。这样就导致两个箭头同时存在。

由于 不同浏览器的 select 选项的默认样式不同,为了样式统一性。

则 删去浏览器的默认样式

select.form-control {
  /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/
  /*border: solid 1px #000;*/
  /*很关键:将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background-image:url("../icons/down.png");
  background-repeat:no-repeat;
  background-position:center right;
 /*background:red ;*/
  /*为下拉小箭头留出一点位置,避免被文字覆盖*/
  padding-right:14px;
}

并同意修改为background-image: url("../icons/down.png");

这样出现一个问题,在ie9 中 ,清除 select 的方法 不成功,依然存在 默认的下拉箭头。这样就导致两个箭头同时存在。

1、采用 ie9的hack 方式,添加 9

免责声明:内容来源于网络,仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇SSE特殊指令集系列之二一个好用的VC DBGRID[图]下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CSS3的新增选择器

一、兄弟选择器:选择E元素所有兄弟元素F。 <style> p~p{ color:#f00;} </style> </head> <body> <div><!--该div是父元素--> <p>中国十大杰出人物</p>...

安卓基础(点击事件)

今天学习了安卓开发的点击事件,下面我来叙述一下实现点击时间得基本方法: 第一种:在要被点击得控件中加onclick属性 格式:android:onClick="方法名" 例如andoroid:onClick="oneClick" 接下来在对应这个布局得activity中写一个方法,格式为: public void 方法名(View view ){ 方法得执...

解决IE中部分文件格式不能下载的问题(附MIME大全)

     昨天有同事突然反映说自己上传了一个文档下载不了,急忙上系统查看。发现是.xlsx文档,原来是office2007创建的文档。仔细查看了一下文件确实存在,但是查看的时候浏览器弹出提示:http 404错误。说不存在此文件路径。但是其他的文件比如xls,doc文件都是可以的。更奇怪的是在另外一台服务器上是不存在该问题的。      今天来到公司又想起...

SQL查询案例:多行转换为一行(转)

SQL查询案例:多行转换为一行 使用通常的方式测试表与测试数据 CREATE TABLE TestTitle ( name   VARCHAR(10), titleVARCHAR(10) ); INSERT INTO TestTitle VALUES ('张三', '程序员'); INSERT INTO TestTitle VALUES ('张三', '...

给网站添加X-UA-Compatible标签

给网站添加X-UA-Compatible标签方法一:<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />如:<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />IE=edge告诉IE使用最...

select默认下拉箭头改变、option样式清除

谷歌、火狐、ie下 select 的默认下拉箭头图标差别还是比较大,一般我们都会清除默认样式,重新设计箭头图标; /* --ie清除--*/ select::-ms-expand{ display: none; } /* --火狐、谷歌清除--*/ select{ appearance:none; -moz-appearan...