【问题标题】:Select drop down webkit appearance in chrome在 chrome 中选择下拉 webkit 外观
【发布时间】:2020-08-20 05:43:34
【问题描述】:

使用 select 标签制作一个简单的下拉菜单,chrome 使用它们的默认列表容器。如何删除默认值?

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
}

【问题讨论】:

  • 您可以阅读this article。它将帮助您设置默认选择的样式。
  • 您不能“删除”它们。你必须用你自己的样式规则覆盖默认值。

标签: javascript html css google-chrome frontend


【解决方案1】:

您是否尝试在将外观设置为无后对其进行样式设置?通常外观:没有人应该已经解决了问题。

编辑:我自己和我自己快速尝试了一下:无;解决了这个问题。问题是否仍然存在,您是否链接了 css 文件?

【讨论】:

  • 是的,谢谢,样式确实是在外观之后才出现的。
  • 对不起,我的意思是它已经是那样的样式,但仍然不能解决问题..
  • 哦,好的,您检查了css文件是否链接正确?
  • 哦,你是说列表本身吧?不是实际的选择标签,而是选项标签。是的,你不能。 Appearance:none 只影响选择元素,但不影响选项列表
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-12-04
  • 1970-01-01
  • 2014-12-10
  • 2012-07-17
  • 1970-01-01
  • 1970-01-01
  • 2013-02-20
相关资源
最近更新 更多