【问题标题】:Select box : remove borders选择框:移除边框
【发布时间】:2015-06-03 20:49:12
【问题描述】:

我已经删除了选择框周围的边框。 选择#xyz { 边框:0px; 大纲:0px; }

但是,下拉箭头周围的边框仍然存在。如何去除它周围的边框?

【问题讨论】:

  • 如果您注意到使用自定义下拉菜单,您将受制于客户端浏览器及其呈现下拉菜单的方式。据我所知,浏览器以不同方式呈现它们(例如:移动(chrome)和桌面)。
  • 你用什么浏览器有这个问题。有没有其他样式在使用?发布您的问题的工作示例。
  • @AlexTartan 你能建议一个自定义下拉菜单,没有任何边框,只有文本后跟一个下拉箭头。
  • @Brino 没有别的,只有这个类 n 选择

标签: html select


【解决方案1】:
select#xyz
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

【讨论】:

  • 谢谢。但是,这也删除了箭头。我只希望它周围的边框消失。
  • 这是完成您所要求的唯一方法,您需要删除浏览器渲染并自己设置样式(添加自己的箭头等)。
  • 好的,谢谢。我在选择旁边添加了一个向下箭头字形图标。如果还单击了向下箭头,则可以打开选择框(显示所有选项)的任何想法。我想不出正确的关键字来搜索这种情况。
  • 您还可以考虑使用 HTML、CSS 和 Javascript 制作自定义选择元素,以便完全控制其样式。
猜你喜欢
  • 2015-12-20
  • 1970-01-01
  • 1970-01-01
  • 2020-08-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-09-07
  • 1970-01-01
相关资源
最近更新 更多