iPhone 6 的输入占位符

Question

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

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

代码：

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) {
    .red-fnm placeholder-shown, 
    .red-lnm placeholder-shown, 
    .red-fnm placeholder-shown, 
    .red-mail placeholder-shown {
        display:block;
        font-family:"CamphorStd-Regular", arial, helvetica, sans-serif; color:#e24e36 !important; font-size:24px;
        font-weight: normal;
        background-color:#fcedeb;
        margin-top:-20px;
        paddind-top:-10px;
    }
}

提前致谢

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+ */

就是这样！