Css 为什么两个输入的背景颜色不同?
可以看出,我没有指定输入的背景色,但一个是灰色,另一个是白色,为什么Css 为什么两个输入的背景颜色不同?,css,input,Css,Input,可以看出,我没有指定输入的背景色,但一个是灰色,另一个是白色,为什么 <style> .baken { border:1px solid #888888; font-family:Trebuchet MS,Helvetica,sans-serif; font-size:130%; font-weight:bold; margin:3px; padding:2px; } </style> <input type="
<style>
.baken {
border:1px solid #888888;
font-family:Trebuchet MS,Helvetica,sans-serif;
font-size:130%;
font-weight:bold;
margin:3px;
padding:2px;
}
</style>
<input type="button" class="baken" value="answer your question"/>
<input type="button" value="hello button"/>
巴肯先生{
边框:1px实心#8888888;
字体系列:投石机MS,Helvetica,无衬线;
字体大小:130%;
字体大小:粗体;
保证金:3倍;
填充:2px;
}
您应该尝试DOM检查器,查看它是否从其他地方继承颜色。您应该尝试DOM检查器,查看它是否从其他地方继承颜色。通过在按钮上指定边框,它会导致删除按钮上的默认操作系统特定样式,并将其还原为某些默认样式(看起来是灰色的)
通过从类中删除
边框可以看到这一点。通过在按钮上指定边框,可以删除按钮上默认的操作系统特定样式,并将其还原为某些默认样式(看起来是灰色的)
您可以通过从类中删除边框来看到这一点。因为指定边框会使浏览器使用基本的视觉样式而不是操作系统的主题来呈现按钮本身。删除边框
样式,它将看起来像另一个按钮。因为ng一个边框
使浏览器使用基本的视觉样式而不是操作系统的主题来呈现按钮本身。删除边框
样式,它将看起来像另一个按钮。除边框位外,还需要注意的是,其中一个输入是使用class=“baken”定义的
,而另一个则不是。因此,第一个输入按钮将使用您定义并在上面显示的样式;另一个按钮将使用浏览器默认样式,或者,如果您定义了标记级别输入
样式,则使用定义的样式
如果您的两个输入都使用了baken
类,那么除了文本之外,它们看起来是相同的,并且是带有边框的基本可单击灰色框
如果两者都没有使用baken
类,那么除了文本之外,它们看起来是相同的,并且是浏览器默认样式或input
标记定义的默认样式。除了边框位之外,还需要注意的是其中一个输入是使用class=“baken”定义的
,而另一个则不是。因此,第一个输入按钮将使用您定义并在上面显示的样式;另一个按钮将使用浏览器默认样式,或者,如果您定义了标记级别输入
样式,则使用定义的样式
如果您的两个输入都使用了baken
类,那么除了文本之外,它们看起来是相同的,并且是带有边框的基本可单击灰色框
如果两者都不使用baken
类,那么除了文本之外,它们看起来都是相同的,并且是浏览器默认样式或input
标记定义的默认样式。@jimr:Oi!滚开!8-)哦,我以前从未听过这种连锁动作:)@jimr:Oi!滚开!8-)哦,我以前从未听说过这种连锁动作:)