Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 选择框中的下拉箭头未显示_Html_Css_Wordpress_Drop Down Menu - Fatal编程技术网

Html 选择框中的下拉箭头未显示

Html 选择框中的下拉箭头未显示,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.

我使用的是wordpress主题,由于某种原因,HTML
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样式表超出我的控制,将此属性设置为“无”,我需要一种方法将其设置为“无”。感谢兄弟,我正在尝试找出问题所在。上帝保佑