为什么引导程序覆盖内部样式？
[英]Why bootstrap override internal style?
问题描述
这是我在 html 页面中的 Head 标签
<head>
<link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
<style>
input[type=text] {
font-size: 18px;
height: auto;
}
select {
font-size: 18px;
height: auto;
}
</style>
</head>
bootstrap 覆盖了我选择元素的内联样式，原因是什么？
2 个解决方案
解决方案1
0 2015-10-04 12:11:58
引导程序中的规则.form-control比您的input更重要，只需使用.form-control并添加新样式
解决方案2
0 2015-10-04 12:24:29
在引导选择中使用其他元素（如输入、文本区域等）设置样式。
.form-control类名称更具体，优先于 select 元素，这就是为什么最好使用.form-control类来覆盖引导程序默认样式的原因。
使用.form-control而不是选择元素。将此类添加到您的 CSS。
为什么正文选择器中的样式声明不会覆盖 Bootstrap styles？
[英]Why do style declarations inside the body selector not override Bootstrap styles?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.