Html 默认浏览器css未被覆盖
我已经创建了一个新站点(),我一直无法理解这一点,我正在尝试覆盖浏览器(webkit和moz当前正在测试)占位符文本的默认值。我已经尝试设置文本的类型,使用!重要提示(我从来都不想这么做)为了覆盖浏览器的DarkGray默认值,使用外部站点测试CSS,它工作得很好-我无法理解这一点 HTML代码:Html 默认浏览器css未被覆盖,html,css,default,overwrite,Html,Css,Default,Overwrite,我已经创建了一个新站点(),我一直无法理解这一点,我正在尝试覆盖浏览器(webkit和moz当前正在测试)占位符文本的默认值。我已经尝试设置文本的类型,使用!重要提示(我从来都不想这么做)为了覆盖浏览器的DarkGray默认值,使用外部站点测试CSS,它工作得很好-我无法理解这一点 HTML代码: <header> <h1>Contact Us</h1> &
<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>
您的样式表有一个bug:
input#姓名,input#电子邮件,input#电话{
边界:0;
背景色:#F0EDED;
{
换成
input#姓名,input#电子邮件,input#电话{
边界:0;
背景色:#F0EDED;
}
右大括号中的输入错误是问题所在!您的代码在这里工作正常(颜色更改为明显).它对我来说很好..firefox 26.0谢谢大家,是的,代码看起来不错,但是我不明白为什么,在现场,它仍然是DarkGray default而不是Black,你使用什么浏览器来测试Chrome版本32.0.1700.76和firefox 26.0你是一位绅士和学者,解决了这个问题!我不能相信我错过了。谢谢哦,太多了!!!
::-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;
}