по умолчанию браузер 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

он отлично работает для меня .. firefox 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

Вы джентльмен и ученый, которые решили проблему! Не могу поверить, что я пропустил это. Спасибо вам большое! – IcedQuick

Да, правильно .. это, казалось, создало проблему – aelor

по умолчанию браузер css не перезаписывается

ответ

Смежные вопросы