iPhone 6的输入占位符

Question

如何为iPhone 6格式化输入文本占位符。

使用占位符并使用媒体查询在CSS中对其进行格式化，但文本没有正确显示。 iPhone 6仅显示文本的几个像素，其余部分不可见。

代码：

echo "<br/>";
echo "<div id='result' style='display: none'>";
echo "<div id='rslt' style='display:inline'></div>";
// echo $this->session->flashdata('email_sent'); 
echo "</div>";
echo "<br/>";

先谢谢

Answer 1

.wpcf7-form [class*="comment-form"] input::-webkit-input-placeholder { font-weight: 400; }
.wpcf7-form [class*="comment-form"] input:-moz-placeholder { font-weight: 400; }
.wpcf7-form [class*="comment-form"] input::-moz-placeholder { font-weight: 400; }
.wpcf7-form [class*="comment-form"] input:-ms-input-placeholder { font-weight: 400; }
.wpcf7-form [class*="comment-form"] input:input-placeholder { font-weight: 400; }

.form-group input:focus::-webkit-input-placeholder { color:transparent; }
.form-group input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
.form-group input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
.form-group input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
.form-group input:focus:input-placeholder { color:transparent; } /* IE 10+ */

.comment-form-author input:focus::-webkit-input-placeholder { color:transparent; }
.comment-form-author input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
.comment-form-author input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
.comment-form-author input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
.comment-form-author input:focus:input-placeholder { color:transparent; } /* IE 10+ */

.comment-form-email input:focus::-webkit-input-placeholder { color:transparent; }
.comment-form-email input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
.comment-form-email input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
.comment-form-email input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
.comment-form-email input:focus:input-placeholder { color:transparent; } /* IE 10+ */

.comment-form-url input:focus::-webkit-input-placeholder { color:transparent; }
.comment-form-url input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
.comment-form-url input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
.comment-form-url input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
.comment-form-url input:focus:input-placeholder { color:transparent; } /* IE 10+ */

.comment-form-comment input:focus::-webkit-input-placeholder { color:transparent; }
.comment-form-comment input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
.comment-form-comment input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
.comment-form-comment input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
.comment-form-comment input:focus:input-placeholder { color:transparent; } /* IE 10+ */

.wpcf7-form textarea:focus::-webkit-input-placeholder { color:transparent; }
.wpcf7-form textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
.wpcf7-form textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
.wpcf7-form textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
.wpcf7-form textarea:focus:input-placeholder { color:transparent; } /* IE 10+ */

一切都是！