我正在寻找最漂亮的方式来格式化 HTML (HTML5) 输入字段。有很多解决方案，但都太老了。（全部使用图像，而不是 CSS3）
我想要一个像这样的相同选择字段：https ://lector.hu/en/ ，我想使用一个漂亮的上传区域，也许还有一个自动调整大小。
是否有任何基于 javascript 的跨浏览器兼容性库，有助于重新设计 html 上的所有输入字段？
user2107567
问问题
165 次
1 回答
1
您找到的所有解决方案都是“过时的”，因为它们仍然是以跨浏览器方式设置所有输入元素样式的唯一方法。甚至您的示例链接也使用 images。即使是 JavaScript 库也是如此，它通常只是用 span 或其他更具样式的元素动态替换输入元素。
样式表单输入的问题，以及为什么您找不到任何不使用图像和/或元素替换的跨浏览器方式，是因为表单元素实际上是系统元素，而不是 HTML 元素。
为了演示，在同一系统的不同浏览器中打开一个带有默认表单字段的网站；然后在具有不同操作系统的系统上打开相同的网站（例如，使用 Windows 和 Mac 机器）。你会发现，在同一个系统上浏览器之间不会有太大的区别，但是在不同的操作系统上，相同的浏览器会有很大的差异。
有些东西是样式化的——比如输入字段的边框，因此在不同的浏览器中可能略有不同，但你会注意到下拉（选择）和上传字段之类的东西几乎相同。这是因为浏览器没有太多权限来更改这些元素（可能的例外可能是 Internet Explorer，尤其是旧版本，因为它是内置在 Windows 中的）。
所以，你有两个选择：
- 咬紧牙关，使用图片和/或 JavaScript
- 接受输入在浏览器和平台之间会略有不同（这不一定是坏事，因为它与用户使用的系统建立了一致性）
于 2013-02-25T14:59:20.413 回答