iPhone 浏览器调整表单元素占位符字体大小的大小

发布于 12-05 13:13 字数 349 浏览 1 评论 0原文

我遇到的问题不是网页上的文本,不用介意“它是在

标记内,还是确保它在

中并且-webkit-text-size-adjust: none;100%; 并不能解决这个问题。

我所说的是占位符 。 > 显示在文本字段内的值iPhone 浏览器正在重新调整大小,这又会重新调整每个文本字段的高度,从而导致表单字段与其背景的对齐方式发生变化

。 .com/" rel="nofollow">问题链接(显然,使用 iPhone 访问即可查看问题)

The problem I am having IS NOT with text on my webpage, nevermind "is it inside a <p> tag, or make sure it's in a <div> and -webkit-text-size-adjust: none; or 100%; does not fix this problem.

What I'm talking about is the placeholder values that display inside a text field are being re-sized by the iPhone browser and this is in turn re-sizing the height of each text field and in turn throwing off the alignment of the form fields to their backgrounds.

Link to Problem (Visit with iphone to see the problem, obviously)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

月竹挽风2024-12-12 13:13:00

问题不在于字体大小,而在于输入框本身。
iPhone 浏览器向它们添加了填充,所以这就是修复:

`input{padding:1px 0;}`

谢谢!

The problem was not the font size, but rather the input boxes themselves.
The iPhone browser was adding a padding to them, so this was the fix:

`input{padding:1px 0;}`

Thanks!

反目相谮2024-12-12 13:13:00

查看您的源代码,看起来您可能正在尝试使用

<input type="blah" placeholder="text">

但不会影响此类标签中的占位符样式。相反,您应该使用类似的东西

input::-webkit-input-placeholder { ...whatever here... } 

来影响样式。

查看有关各种浏览器中占位符样式的链接

Looking at your source, it looks like you may be trying to use

<input type="blah" placeholder="text">

but you do not affect the placeholder style in these kinds of tags. Instead, you should use something like

input::-webkit-input-placeholder { ...whatever here... } 

to affect styling.

Check out this link on styling placeholders in various browsers.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文