Html 选择框中的下拉箭头未显示
我使用的是wordpress主题,由于某种原因,HTMLHtml 选择框中的下拉箭头未显示,html,css,wordpress,drop-down-menu,Html,Css,Wordpress,Drop Down Menu,我使用的是wordpress主题,由于某种原因,HTMLselect框没有下拉区域。它们看起来就像普通的输入文本框,但当您单击它们时,可以看到下拉列表。我找不到删除下拉箭头的代码 这是我在CSS中看到的全部内容: 输入:焦点{ 大纲:无; } 选择, 输入, 文本区{ -webkit外观:无; -webkit边界半径:0; 边界半径:0; } 您已经覆盖了选择的-webkit外观属性,该属性设置为-webkit外观:menulist作为浏览器的默认值 这里是一个基本的选择 1. 2. 3.
select
框没有下拉区域。它们看起来就像普通的输入
文本框,但当您单击它们时,可以看到下拉列表。我找不到删除下拉箭头的代码
这是我在CSS中看到的全部内容:
输入:焦点{
大纲:无;
}
选择,
输入,
文本区{
-webkit外观:无;
-webkit边界半径:0;
边界半径:0;
}
您已经覆盖了选择
的-webkit外观
属性,该属性设置为-webkit外观:menulist代码>作为浏览器的默认值 这里是一个基本的选择
1.
2.
3.
答案对大多数人来说是正确的,但对我来说并不适用。这就成功了
select::-ms-expand { display: block; }
我已经尝试过上述解决方案,但它不适用于使用jquery.min.css
创建的UI。我尝试了下面的css,它解决了我的问题。这里我的目标是.ui-icon-carat-d
,它显示了下拉箭头并在那里设置了下拉图标:
.ui-icon-carat-d:after{
background: url("https://cdn1.iconfinder.com/data/icons/pixel-perfect-at-16px-volume-2/16/5001-128.png") 95% 32% !important;
background-repeat: no-repeat !important;
background-color: #fff !important;
}
您可以将select
包装在div
中,并在div
上给出::在元素和样式之后:
div:after{
position: absolute;
top: 4px;
right: 10px;
color: #768093;
font-family: #whichever font you wanna use# e.g Fontawesome;
font-size: 20px;
content: "\e842";
}
div:after{
position: absolute;
visibility: visible;
font-family: FontAwesome;
content: "\f096";
font-size: 18px;
}
选择{
-webkit外观:无;
/*webkit浏览器*/
-moz外观:无;
/*火狐*/
外观:无;
/*现代浏览器*/
边界半径:0;
}
1.
2.
3.
我也遇到了同样的问题,在添加下面的jquery文件jquery-3.4.1.js后,我得到了下拉箭头
<script type="text/javascript" src="~/Scripts/jquery-3.4.1.js">
如果使用检查工具,可以打开和关闭应用于图元的样式,并确定它是哪一种样式。。。因此,在chrome中,右键单击元素并选择“检查元素”。谢谢。不过,我看不到其他与此相关的东西。选择箭头是否有属性?我想知道我应该寻找什么代码来控制选择箭头代码>这里只有四条规则。不需要花费太多精力就可以发现问题的原因是select{-webkit-appearance:none;}
。改为select{-webkit-appearance:menu;}
。实际上,这是我需要去掉的边界半径,但这样做了。谢谢<代码>菜单列表
啊,谢谢。我找不到如何把它加回去。一旦css样式表超出我的控制,将此属性设置为“无”,我需要一种方法将其设置为“无”。感谢兄弟,我正在尝试找出问题所在。上帝保佑