如何通過bootstrap btn類來ov以上css自定義類？

我CSS文件在我的項目，而這個全球CSS類：如何通過bootstrap btn類來ov以上css自定義類？

input[Type=text], input[Type=password], input[Type=button], input[Type=submit] 
{ 
    margin: .2em .05em; 
    border: 1px solid #333333; 
    color: #333333; 
}

在CSS這個我進口的引導。

@import url('../bootstrap.min.css');

我的問題是如何通過bootstrap btn類ovrride css類以上？

來源

2017-03-28 Michael

你是什麼意思''我怎麼能通過引導btn類ovrride css類？'..可以請解釋 – neophyte

@neophyte我想通過bootstrap覆蓋現有的CSS。 – Michael

只需在你的頁面引導CSS文件後添加你的自定義CSS文件..就是這樣。 – neophyte

您可以通過兩種方式之一覆蓋現有的CSS指令。

你可以提供一個更明確的選擇比其他的選擇，由id選擇元素，也可以按照屬性與!important標誌，如：

input[Type=text], input[Type=password], input[Type=button], input[Type=submit] 
{ 
    margin: .2em .05em; 
    border: 1px solid #333333; 
    color: #333333 !important; 
}

來源

2017-03-28 14:23:59 Mike

在HTML文件中把你的@import之後的CSS文件像這樣

<head> 
@import url('../bootstrap.min.css'); 
<link rel="stylesheet" type="text/css" href="stylesheet.css"> 
</head>

但是你也可以使用！您當然也可以更改引導CSS文件中的按鈕樣式，但我不建議這樣做。

來源

2017-03-28 14:45:51 Naomi

看看提交按鈕，如果你沒有添加自定義CSS引導CSS後，你會得到按鈕內的白色文本顏色。但是你的自定義CSS重寫它，因此你變紅。

與自定義CSS

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'); 
 
input[Type=text], input[Type=password], input[Type=button], input[Type=submit] 
 
{ 
 
    margin: .2em .05em; 
 
    border: 1px solid #333333; 
 
    color: red; 
 
    
 
}

<input class="form-control" type="text"> 
 
<input Type="password"> 
 
<input Type="button"> 
 
<input class="btn btn-info" Type="submit">

沒有自定義CSS

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');

<input class="form-control" type="text"> 
 
<input Type="password"> 
 
<input Type="button"> 
 
<input class="btn btn-info" Type="submit">

來源

2017-03-28 14:50:09 neophyte

感謝post.Do我需要添加類「btn」到HTML元素，以使引導程序的appereance。或者我可以如何繼承它的CSS自定義類？ – Michael

是的，你需要添加，以獲得上述appearence..otherwise你不能有這樣的外觀，你也需要做很多css ..我們使用bootstrap來避免那麼多的工作。只需使用自定義CSS來更改顏色並添加自定義邊距這種小調整。 – neophyte

我增加了。但我不想爲每個元素添加「btn btn-info」類。我可以在不向每個元素添加「btn btn-info」類的情況下獲得bootstrap appereance嗎？ – Michael

如何通過bootstrap btn類來ov以上css自定義類？

回答

相關問題