公益
建站经验频道 > 正文
2022-12-12 22:11:48 来源:海南网科技  繁体 复制  

  日常网页设计制作时,会经常用到下拉选择的功能选项,但是默认的下拉在浏览器兼容模式下箭头被方框框住确实不太好看,那么如何去除这个四边形方框,仅保留一个向下的箭头呢?方法如下:

  第一步:在下拉的代码加上样式,比如:

<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;}

  本网声明:海南科技网发布此文仅出于信息分享,并非赞同其观点或证实其描述,不承担侵权行为的连带责任。投资者据此操作,风险自担。版权归原作者所有,如涉版权或来源标注有误,请联系我们删除。本网原创内容未经书面授权,任何单位或个人不得转载和摘编。

猜您喜欢

网站首页 - 网站简介 - 公益服务 - 联系我们 - 合作伙伴 - 公益活动 - 服务条款 - 法律声明 - 网站帮助 - 网站地图 - 返回顶部

Copyright © 2006-2024 www.haixinnews.com. All Rights Reserved

工信部ICP备案许可证编号:ICP备13067700号 QQ咨询:1621214899

本网站所刊载信息,不代表海南网观点。刊用本网稿件,务经书面授权。

海南网-海新网-海南在线-打造海南受欢迎有影响力的主流综合门户网站!

未经书面授权禁止复制或建立镜像,违者必究。

海南网  海新网  版权所有