為什么引導程序覆蓋內部樣式？
[英]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.