正在裁剪iOS占位符文本，字体不会更改

Question

我有以下代码来为iOS网络应用设置文本输入框的样式，但有2个问题。

HTML：

<input type="text" class="search" name="search" autocorrect="off" autocomplete="off"

占位符= “搜索...” ＆GT;

CSS：

::-webkit-input-placeholder { 
    color:#f00;
    font-size: 2em;
    font-family: Open Sans Condensed, sans-serif;
}

input.search {
    -webkit-appearance: textfield;
   color: #333;
   background: #e9e9e9;
   font: normal 2em Open Sans Condensed, sans-serif;
   width: 80%;
   height: 8em;
   border: 1px solid #ccc;
   -webkit-border-radius: 12px;

}

第一个问题是当font-size超过1em时，正在裁剪占位符文本：

第二个问题是在文本字段中键入值时，字体不会更改为默认字体大小和字体类型：

我已经尝试-webkit-appearance: none;

了

请有人帮忙吗？

非常感谢！

Answer 1

测试一下：

yourInputName::placeholder {
   overflow: visible;
}

Answer 2

当我遇到第一个问题时，它是由输入字段字体大小小于占位符字体大小引起的。

你的CSS在2em显示，但检查输入字段字体大小是否被覆盖到其他地方的1em（因为问题似乎发生在占位符字体大于1em）。