html - 如何删除选择框上的箭头 (Firefox)

标签 html css google-chrome firefox browser

我已经设置了我的选择框的样式,但我仍然可以在 firefox 中看到我的选择框中的箭头,我已经设置了 css:

background:transparent;
content:'';
apperiance:none;

这适用于 Chrome,但在 Firefox 上我仍然看到默认箭头,是否也可以在 Firefox 上删除它?

最佳答案

这应该会删除 Chrome、Firefox、Safari 和 IE10 中选择中的箭头。

.poa-select {
  -moz-appearance: none; 
  -webkit-appearance: none;
  appearance: none;
  text-indent: .01px;
  text-overflow: "";
}
.poa-select::-ms-expand {
  display: none;
}

想法取自 herehere .

关于html - 如何删除选择框上的箭头 (Firefox),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16809168/

相关文章:

python - 从 python 列表项创建有序列表

html - DIV 中的元素开始一个新行

html - 将鼠标悬停在链接上时如何突出显示整个单元格

javascript - 无法突出显示最多 6 个 Gmail 内容

html - Bootstrap 3 图像没有响应

javascript - 使用 extjs 将组合框放置在文本字段旁边

php - 使用 Bootstrap 4 水平居中动态 div.card

php - wordpress 页面上的搜索框出错

javascript - 如何让浏览器(IE 和 Chrome)在脚本之前请求图像?

google-chrome - GWT - 如何在 super 开发中查看 java 异常堆栈跟踪?