Php 如何隐藏<;选择>;下拉菜单';铬制s形箭头
如何在Chrome中隐藏下拉箭头 在firefox上,我使用了: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 使
-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外观无
是你所需要的。