表单字段在 Mac 上的呈现方式不同

Question

我正在尝试标准化文本字段和文本区域的外观。下面是我的表单字段在 Mac 上显示的图像，但文本区域显示时没有插入阴影。在 Windows 上，文本字段和文本区域显示相同。

我尝试过各种 CSS 组合来标准化它们，但没有成功。我对插入版本或非插入版本都满意。

如果这对任何人有帮助，该表单是 WordPress 重力表单。

Answer 1

通常这可以通过为输入框设置背景图像来解决。如果您想保持简单一点，请找出不一致的地方，并在 CSS 中明确设置它们。

input.inputbox { 
    background: url(input.gif) 0 0 no-repeat; 
    width: 150px; 
    height: 30px; 
    ... /* fonts, padding, borders, etc */
}

Answer 2

实现这一点的唯一方法是使用 javascript。我会推荐你
[正式化我][1]
[1]: http://formalize.me/ jQuery 插件