【问题标题】:Edit CSS Styling of HTML Select Button [duplicate]编辑 HTML 选择按钮的 CSS 样式 [重复]
【发布时间】:2012-10-31 21:49:30
【问题描述】:

可能重复:
Is it possible to style a select box?

我想知道是否可以使用 CSS 更改 HTML 选择字段的样式。 我想让带有箭头的按钮在内部透明,但将箭头保留在那里,所以基本上删除了箭头的按钮外观。

【问题讨论】:

  • 好的,用 JQuery 怎么做?
  • 当“原始问题”因偏离主题而关闭时,如何将其标记为重复?
  • @ScottHallauer 我知道你在 5 年前问过这个问题,但我遇到了同样的问题。我意识到外观规则有 100 多个选项,其中一个是 -webkit-appearance: menulist-button。这阻止了默认选择样式,同时还保留了插入符号。然后我使背景透明。这对我有用。

标签: html css forms button


【解决方案1】:

仅靠 CSS 是不可能实现跨浏览器的。

要获得漂亮的选择字段,您必须使用 javascript。

为此有几个库:

http://www.emblematiq.com/lab/niceforms/

http://uniformjs.com/

我敢肯定,只要你用谷歌搜索,你就能找到更多。

【讨论】:

    【解决方案2】:

    http://bavotasan.com/2011/style-select-box-using-only-css/

    请务必阅读 cmets,这可能不适用于旧(er)浏览器,jquery 是更好的解决方案

    【讨论】:

      猜你喜欢
      • 2023-03-27
      • 2020-06-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-12-30
      • 1970-01-01
      • 1970-01-01
      • 2020-07-16
      相关资源
      最近更新 更多