【发布时间】：2010-04-03 11:53:44
【问题描述】：
透明边框，背景是唯一的方法吗？还有什么方法吗？以及如何隐藏 SELECT 输入的下拉图标？
【问题讨论】：
标签： javascript jquery css
【发布时间】：2010-04-03 11:53:44
【问题描述】：
是否透明边框，背景是唯一的方法？
没有 JavaScript：是的。
以及如何隐藏 SELECT 的下拉图标？
如果没有一些非常不稳定的技巧，您将无法做到这一点（例如，在 SELECT 旁边有一个相对定位的 DIV，重叠按钮，这是永远不可靠的，因为下拉按钮的大小可能会有所不同。）
【讨论】：
-
如果使用js，会有稳定的解决方案吗？
-
@Relax 例如，您可以输入
display: none，并将其值复制到span元素中。它是稳定的，因为它适用于所有浏览器，是的。你需要这个做什么？ -
@Pekka，听起来不错！仅在聚焦以匹配设计时，我才需要此显示输入
-
@Relax 嗯嗯。使用
:focusCSS 伪类不是更容易实现吗？为未聚焦的输入元素提供透明边框和背景，以及为聚焦的元素提供正常边框？适用于几乎所有浏览器（IE > 7 IIRC）。 -
@Pekka，但我不知道如何隐藏 SELECT 输入右侧的下拉图标...
如果您愿意使用 JS，Uniform 库可能会有所帮助：http://pixelmatrixdesign.com/uniform/ - 它可以非常可靠地使用您想要的任何图形对 HTML 表单进行“换肤”。
【讨论】：