网页下拉选择框如何去除四边框仅保留向下箭头?
日常网页设计制作时,会经常用到下拉选择的功能选项,但是默认的下拉在浏览器兼容模式下箭头被方框框住确实不太好看,那么如何去除这个四边形方框,仅保留一个向下的箭头呢?方法如下:
第一步:在下拉的代码加上样式,比如:
<li>发布状态:<select id="flag" class="input" onchange=setflag(this.value) name="flag"> <option value=1 >处理中</option> <option value=2 >已完成</option> </select> </li> |
第二步:在css样式下加上以下代码,这样就可以大功告成了,赶紧去试试效果吧。
.input::-ms-expand {border: 0;background-color: transparent;} |
本网声明:海南科技网发布此文仅出于信息分享,并非赞同其观点或证实其描述,不承担侵权行为的连带责任。投资者据此操作,风险自担。版权归原作者所有,如涉版权或来源标注有误,请联系我们删除。本网原创内容未经书面授权,任何单位或个人不得转载和摘编。
猜您喜欢
-
帝国cms标签内容页获取时间的方法
帝国cms标签内容页获取时间的方法:<meta property="article:published_time" content="<?=date('c',查看全文>>- 建站经验
海南科技网
-
帝国cms内容页调用所在的专题信息带链接
[e:loop={'select ztid from phome_enewsztinfo where classid='.$navinfor[classid].' and id='.$na查看全文>>- 建站经验
海南科技网
-
帝国WAP内容页如何调用与PC一样的内容newstext
<?=DoWapRepNewstext($r[newstext])?>用了这个字段 会把P标签都给清除<?=$r[newstext]?>试了这个还是查看全文>>- 建站经验
海南科技网
- 浅谈帝国cms的分页采集正则及过滤技巧
- 帝国cms标签内容页获取时间的方法
- 帝国cms内容页调用所在的专题信息带链接
- 帝国WAP内容页如何调用与PC一样的内容newstext
- 帝国cms内容页如何调用指定相关栏目下的文章?
- 帝国cms如何给后台左侧终极栏目添加发布文章快速按钮?
- 帝国cms 列表静态和动态分页样式在哪里修改?
- 灵动标签调用栏目最新10条信息自动获取帝国cms表前缀的方法
- 帝国缩略图随机和自动生成并使用id加序号命名防止重复的方法
- 帝国cms获取当前栏目、父栏目ID、名称、别名、链接调用方法