默認瀏覽器的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沒有被覆蓋

回答

相關問題