我有以下代码来设置iOS Web应用程序的文本输入框的样式,但有2个问题。
HTML:
<input type="text" class="search" name="search" autocorrect="off" autocomplete="off"
占位符= “搜索...”>
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;
请有人帮忙吗?
非常感谢!
测试一下:
yourInputName::placeholder {
overflow: visible;
}
当我遇到第一个问题时,它是由输入字段字体大小小于占位符字体大小引起的。
你的CSS显示在2em,但检查输入字段字体大小是否被覆盖到其他地方的1em(因为问题似乎发生在大于1em的占位符字体)。