默认浏览器 css 未被覆盖

Question

我已经创建了一个新站点 (http://energyamplified.co.za/home.php)，我一生都无法弄清楚这一点，我正试图覆盖占位符文本的浏览器（当前正在测试的 webkit 和 moz）默认值。我尝试设置文本类型，使用 !important （我永远不想这样做）以覆盖浏览器的 DarkGray 默认值，使用外部站点测试 CSS，它工作正常 - 我无法弄清楚。

HTML 代码：

                <header>
                    <h1>Contact Us</h1>
                </header>
                <div id="contact_email"><a href="mailto:info@energyamplified.co.za">info@energyamplified.co.za</a></div>
                 <div id="contact_wrapper">
                 <form method="post" name="contactform" id="contactform">   

                <fieldset>
                <div id="form_left">
                <p><label for="name" accesskey="U"><span class="required"></span></label>
                <input name="name" type="text" id="name" size="50" value="" placeholder="Name"/></p>
                <p><label for="email" accesskey="E"><span class="required"></span></label>
                <input name="email" type="text" id="email" size="50" value=""  placeholder="Email"/></p>
                <p><label for="phone" accesskey="P"><span class="optional"></span></label>
                <input name="phone" type="text" id="phone" size="50" value=""  placeholder="Phone (optional)"/></p>
                </div>

                <div id="form_right">
                <p><label for="comments" accesskey="C"><span class="required"></span></label>
                <textarea name="comments"  rows="8" cols="40"  id="comments" style="width: 450px;" placeholder="Type message here..."></textarea></p> 

                <div id="bot"><p><span class="required">*</span> Are you a bot?</p></div> 
                <div id="spam">
                <div id="spam_2">
                <label for="verify" accesskey="V"><img src="image.php" alt="" /></label>
                <input name="verify" type="text" id="verify" size="5"/></div>
                <input type="submit" class="submit" id="submit" value="Submit" />
                </div>
                </fieldset>
                </form>
                </div>
                </div>

CSS：

::-webkit-input-placeholder { /* Chrome */
color: #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:    #000;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:    #000;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color:    #000;
}

[type="text"] {
    -moz-appearance:    textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}

Answer 1

您的样式表有错误：

input#name, input#email,input#phone { border: 0; background-color: #F0EDED; {

改成

input#name, input#email,input#phone { border: 0; background-color: #F0EDED; }

右括号中的错字是问题！