我使用wordpress主题,出于某种原因,HTML选择框没有下拉区域.它们看起来就像普通的输入文本框,但是当您单击它们时,您可以看到下拉列表.我找不到哪些代码可能会删除下拉箭头.
这就是我在CSS中看到的全部内容:
input:focus { outline: none; } select,input,textarea { -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; }
解决方法
这是一个基本选择
<select> <option>1</option> <option>2</option> <option>3</option> </select>
现在让我们看看你的问题在哪里:
select { -webkit-appearance: none; /*webkit browsers */ -moz-appearance: none; /*Firefox */ appearance: none; /* modern browsers */ border-radius: 0; }
<select> <option>1</option> <option>2</option> <option>3</option> </select>
因此,当您将none设置为外观时,您将删除箭头(默认情况下为menulist),当您将0设置为border-radius时,默认情况下将删除选定的边框.
注意如果您使用此规则隐藏了IE中的箭头,请选择:: – ms-expand {display:none;要使箭头返回,您需要将其设置为display:block
原文地址:https://www.jb51.cc/html/226462.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。