我對網路幾乎一無所知，但我必須為自己制作一個網站。我花了基于引導5一個現成的模板，在我設法實作的一切，我已經懷孕，但我無法擺脫的幾個問題與此：
- 如果您選擇一個選項卡，然后單擊所有選項卡之外的某個位置，那么當您將滑鼠懸停在活動選項卡上時，它就會懸停，這是不應該的。一般來說，我試圖從這里重復一個類似的組件。
- 如果單擊描述，然后在按住滑鼠的同時稍微移動游標并釋放，則會有兩個選定的選項卡。
- 單擊時（直到您松開滑鼠），標題顏色變為淺灰色。它沒有出現在鏈接的示例中，但它出現在完成的站點中。我將不勝感激有關如何修復它的資訊。
uj5u.com熱心網友回復：
如果您選擇一個選項卡，然后單擊所有選項卡之外的某個位置，那么當您將滑鼠懸停在活動選項卡上時，它就會懸停，這是不應該的。一般來說，我試圖從這里重復一個類似的組件。
您還需要將懸停樣式應用于.active選項卡：
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover
{
color: #495057;
background-color: #fff;
border: none;
}
如果單擊描述，然后在按住滑鼠的同時稍微移動游標并釋放，則會有兩個選定的選項卡。
擺脫這個規則。:focus導致這種行為。您最終擁有一個.active選項卡，另一個是:focused，并且您為兩者定義了相同的屬性。
/*
.dark .nav-tabs > li > a:focus {
color: #495057;
background-color: #fff;
}
*/
單擊時（直到您松開滑鼠），標題顏色變為淺灰色。它沒有出現在鏈接的示例中，但它出現在完成的站點中。
無法測驗這個，但也可能是前面提到的規則造成的。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/406663.html
標籤：
上一篇：選擇值更改前的最后一行