Javascript Jquery attr（）-Mozilla在设计方面表现不同（字体系列或字体大小不同？）

我正在做登录表

这是我在Codeignator中的观点：

<div id="login-form">
<?php
    echo heading('Login', 2);
    echo form_open('login/login_user');
    echo form_input('email', set_value('email', 'Email Address'));
    echo br();
    echo form_password('password', '', 'placeholder="Password" class="password"');
    echo br(2);
    echo form_submit('submit', 'Login');
    echo form_close();
    echo validation_errors('<p class="error">');
    ?>
</div>

还有一个CSS控制占位符字符串的颜色（它使其与输入字段的颜色相同，在我的例子中是#999999）

问题在于所有这些（电子邮件和passowrd字段看起来相同）在Chrome和IE10中都可以正常工作，但在Mozilla中它们看起来不同。颜色相同，但密码字段的字母似乎更小或字体不同，因此这两个字段看起来不同，而且很难看

你知道为什么Mozilla在设计上表现不同吗（JS功能、移除占位符并再次放置占位符很好）

谢谢

。。。这是我的答案

不幸的是，我无法在这里设置JS功能（这样当用户单击时，密码就会变为空。不过，如果您在Mozilla nad（例如Chrome）中查看此演示，我的问题是显而易见的

非常感谢，但我的主要问题是，为什么在Mozilla中“Passowrd”一词看起来比“Email Address”一词轻，而在Chrome中，这两个词看起来是一样的。请查看演示

因为电子邮件是用值设置的，而密码是占位符

    <input 
        type="text" 
        name="email" 
        value="Email Address"/>  <--------- Value
    <input 
        type="password" 
        name="password" 
        value=""         
        placeholder="Password" <--------- Placeholder
        class="password"/>

---

你能提供问题的一个或图像吗？为什么你要用js删除占位符？一旦用户开始键入Rory McCrossan，它就会自动消失。请在我们的Mozilla和Chrome中检查它，你会发现电子邮件地址和密码这个词在Chrome中有相同的设计，但在Mozilla中没有。Pete，我没有我不这么认为。在我的电脑witjout JS上，用户需要删除输入字段（这很烦人）只有这样他/她才能输入。当你开始输入时，占位符将被删除…如果没有，那么你就会有其他问题。由于某些原因，你没有使用占位符，因此必须手动删除电子邮件。我明白了，是的。观察得很好。谢谢！但是为什么Chrome可以处理这个问题呢（以完全相同的样式显示电子邮件地址和密码），而Mozilla有问题（密码似乎比电子邮件地址小）。你知道吗？因为占位符有不同的默认值。你为什么不在电子邮件地址中使用占位符呢？这不会解决你的问题吗？这可能会…但对于电子邮件地址，我需要该值。如果用户在他的/她的电子邮件和密码中键入，比如说，密码错误，那么我希望我的登录系统保留/记住电子邮件。否则，用户将需要再次键入它，因为他/她密码有误。因此，您使用电子邮件地址设置了值，占位符将不会显示。您不了解占位符是如何工作的吗？
并且您违反了规则，占位符不应用作标签元素的替换。N现在我已经在CSS中更改了颜色：：：-moz占位符，：-moz占位符，input[type=text]，input[type=password]现在有了颜色：红色。而在Mozilla中，它们看起来都是红色的（这证明Mozilla采用了颜色：：-moz占位符和：-moz占位符），但密码不如电子邮件地址亮。在Chrome和IE10中，它们看起来完全一样。你可以查看它。
input[type=text],
input[type=password] {
    display: block;
    padding: 3%;
    color: #999999;
    margin: 0 0 1% 0;
    width: 90%;
    border: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #202020;
}

::-webkit-input-placeholder {
   color: #999999;
}

:-moz-placeholder { /* Firefox 18- */
   color: #999999;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #999999;
}

:-ms-input-placeholder {  
    color: #999999;  
}

    <input 
        type="text" 
        name="email" 
        value="Email Address"/>  <--------- Value
    <input 
        type="password" 
        name="password" 
        value=""         
        placeholder="Password" <--------- Placeholder
        class="password"/>