输入字段仅在 safari 中不显示文本

Question

我浏览了stackoverflow上的各种帖子，但找不到任何解决方案，我已经绝望了。

我有两个用于电子邮件和密码的条目，它们在 Chrome 和 Firefox 中都能正常工作，但在 Safari 中，您在输入时看不到占位符或文本

我尝试了以下属性：

#tp-user-loginlr2bdd0187 .tp-field-group input#userlr2bdd0187,
#tp-user-loginlr2bdd0187 .tp-field-group input#passwordlr2bdd0187{

    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    -ms-appearance: textfield;
    appearance: textfield;

    color: #666666!important;
    background-color: #ffffff;
    border-color: #bfbfbf;

    -webkit-text-fill-color: #666666;
    -moz-text-fill-color: #666666;
    -ms-text-fill-color: #666666;

    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;

    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

除了我用过的：

    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;

    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;

    or 

    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    -ms-appearance: textfield;
    appearance: textfield;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

我也只使用了用户选择或外观来检查覆盖问题，但没有任何效果。我需要解决这个问题，因为它在登录页面上，请您帮帮我。

附上问题图片：

输入具有的其余属性是：

     font-family: "Gotham Medium", Sans-serif;
     width: 100% !important;
     text-align: left;
     box-sizing: border-box;
     max-width: 100%;
     padding: 10px 15px;

有什么想法吗？

Answer 1

我遇到了同样的问题，因为在 WordPress 中我添加了 height: 0; 作为输入。

为了保持height: 0;，我必须添加line-height: 0;

它适用于所有浏览器（;