默认浏览器的css没有被覆盖

我已经开始了一个新的网站（http://energyamplified.co.za/home.php），对于我的生活我无法弄清楚这一点，我试图覆盖浏览器（webkit和moz目前正在测试）占位符的默认值文本。我已经尝试设置文本的类型，使用！important（我从来不想这么做）为了覆盖浏览器的DarkGray默认值，使用外部网站测试CSS，它工作正常 - 我无法弄清楚。默认浏览器的css没有被覆盖

的HTML代码：

   <header> 
        <h1>Contact Us</h1> 
       </header> 
       <div id="contact_email"><a href="mailto:[email protected]">[email protected]</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; 
}

来源

2014-01-24 IcedQuick

你的代码在这里很好地工作，http://jsfiddle.net/j08691/G9URn/，（颜色改变，使其显而易见）。 – j08691

它工作正常我..火狐26.0这里 – aelor

谢谢你们，是的代码似乎很好，但我不明白为什么，现场，它仍然DarkGray默认，而不是黑色 – IcedQuick

样式表中有一个错误：

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

将其更改为

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

在右大括号中的错字是问题！

来源

2014-01-24 04:53:59 RaviH

你是一个绅士和学者，解决了这个问题！我不能相信我错过了这一点。谢谢soooo多！ – IcedQuick

是啊..这似乎造成了这个问题 – aelor

默认浏览器的css没有被覆盖

回答

相关问题