Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/iphone/42.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
Php 如何隐藏<;选择>;下拉菜单';铬制s形箭头_Php_Css_Google Chrome - Fatal编程技术网

Php 如何隐藏<;选择>;下拉菜单';铬制s形箭头

Php 如何隐藏<;选择>;下拉菜单';铬制s形箭头,php,css,google-chrome,Php,Css,Google Chrome,如何在Chrome中隐藏下拉箭头 在firefox上,我使用了: -moz-appearance: none; 但我不知道在Chrome上该怎么做。 有什么想法吗 很像前缀-moz专门针对Firefox(和其他),您正在寻找-webkit前缀来针对,比如Chrome和Safari 使用可以隐藏下拉列表: 选择{ 填充物:5px; -webkit外观:无; } 一 二 就像前缀-moz专门针对Firefox(和其他)一样,您正在寻找-webkit前缀来定位,比如Chrome和Safari 使

如何在Chrome中隐藏下拉箭头

在firefox上,我使用了:

-moz-appearance: none;
但我不知道在Chrome上该怎么做。 有什么想法吗


很像前缀
-moz
专门针对Firefox(和其他),您正在寻找
-webkit
前缀来针对,比如Chrome和Safari

使用可以隐藏下拉列表:

选择{
填充物:5px;
-webkit外观:无;
}

一
二

就像前缀
-moz
专门针对Firefox(和其他)一样,您正在寻找
-webkit
前缀来定位,比如Chrome和Safari

使用可以隐藏下拉列表:

选择{
填充物:5px;
-webkit外观:无;
}

一
二

使用
外观:无
及其各种前缀版本可以跨不同的浏览器实现这一点

select {
   -o-appearance: none;
   -ms-appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

使用
外观:无
及其各种前缀版本可以跨不同的浏览器实现这一点

select {
   -o-appearance: none;
   -ms-appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

这个解决方案的问题是,它消除了箭头,但也消除了可选元素的文本?尝试隐藏[link]上的“Ebano箭头”()您有一个
显示:无!重要信息
选择#pa#u finish选项
选择器上。这会导致选项消失,与
外观:无的使用无关
。我确实希望选项消失,因为我有
选择#pa#u finish option{display:none!important;}
但我希望箭头消失。。。这两件事都是预期的结果。请注意,
select
仍然显示默认的选定值,除非我遗漏了什么。最初的问题是移除箭头,这是我的回答。此外,避免链接到外部站点。你必须在帖子中提供你的答案。对我来说,你的解决方案不起作用。让我们看看我能不能解释一下。。。我想要实现的(我仍然不明白)1-隐藏选项(为此我使用
select#pa#u finish选项{display:none!Important;}
(虽然现在我已经删除了,但在我的解释中没有忽略)2-保持所选选项的文本可见3-删除箭头。如果我使用(用于Chrome)
-webkit外观:无;
这是在chrome中唯一起作用的前缀,它隐藏了箭头(但不仅仅是箭头):还有默认选项的文本此解决方案的问题是它消除了箭头,但也消除了可选元素的文本….?尝试在[link]上隐藏“Ebano arrow”()在
select#pa#u finish选项
选择器上有一个
display:none!important
。这会导致选项消失,与
外观:none;
的使用无关。我确实希望选项消失,因为我有
select#pa#u finish选项{display:none!important;}
但我希望箭头消失…这两种情况都是预期结果。请注意,
选择
仍然显示默认选定值,除非我遗漏了什么。问题最初是删除箭头,我的答案提供了箭头。此外,避免链接到外部网站。您必须在e post本身。对我来说,你的解决方案不起作用。让我们看看我是否解释…我想要实现什么(我仍然没有得到它)1-隐藏选项(为此,我使用
select 35; pa#u finish选项{display:none!Important;}
(虽然现在我已经删除了,但在我的解释中没有忽略)2-保持所选选项的文本可见3-删除箭头。如果我使用(对于Chrome)
-webkit外观:none;
这是唯一在Chrome中起作用的前缀,它会隐藏箭头(但不仅仅是箭头):还有默认选项的文本此解决方案的问题是它消除了箭头,但也消除了可选元素的文本…??尝试隐藏[链接]上的“Ebano arrow”()@Jose-正如您在上面的示例中所看到的,可选元素的文本不会以
-webkit外观none
隐藏。如果您的文本被隐藏,则有另一条规则会导致此情况。但是,我不会单击外部链接(可能包含病毒)只是为了弄清楚你的规则是什么导致了这一点。如果你能用一种方式突出显示问题,那么一定要这样做,但目前我认为
-webkit外观无
是你所需要的。这个解决方案的问题是它消除了箭头,但也消除了可选元素的文本…?尝试隐藏[link]()@Jose上的“Ebano Arrow”-正如我上面的示例所示,可选元素的文本不会以
-webkit外观none
隐藏。如果您的文本被隐藏,您有另一条规则导致此情况。但是,我不会单击外部链接(可能包含病毒)只是为了找出你的规则是什么导致了这一点。如果你能用一种简单的方式突出问题,那么一定要这样做,但现在我相信
-webkit外观无
是你所需要的。