Так почему же Bootstrap игнорирует мой стиль CSS, когда дело доходит до удаления границ на вкладке с атрибутом active ?

На неактивных вкладках хорошо работает оформление границ, но я получаю следующие результаты:

.nav-tabs > li > a{
    color: #898989;
    background:linear-gradient(-45deg, #FFF, #E0DDDD)!important;
    border: 1px solid #DDD!important;
}

.nav-tabs > li.active > a{
    background:linear-gradient(to right, #FFF, #FFF)!important;
    border-style: solid solid none solid!important;
}

С этим стилем не должно быть никаких границ в нижней части активной вкладки - однако, это не так. Если я скажу таблице стилей сделать что-то, конечно, она должна это сделать?

Кто-нибудь знает, что мой DW игнорирует атрибуты border-style ?

0
Todd Gilbey

3 ответа

Попробуйте это, это помогло бы активной активной вкладке

.nav-tabs > li > a.active{
background:linear-gradient(to right, #FFF, #FFF)!important;
border-style: solid solid none solid!important;}

Пожалуйста, запишите этот код в свой CSS, чтобы удалить border-bottom.

.nav-tabs > li.active > a{border-bottom: none !important;}

Вы пробовали это просто?

border: none;

И в конце концов, проверьте в инспекторе свойств, пишете ли вы это в хорошей цели в вашем CSS (и в хорошей строке)

58503357