Bootstrap Свернуть Украшение текста

Question

Для компонента Bootstrap Collapse у меня есть вопрос, касающийся "Примера аккордеона".Я хочу убрать подчеркивание из текста «Складная группа» 1-3, когда они используются.По умолчанию они не подчеркнуты, а затем при наведении подчеркиваются.Это можно изменить, выполнив:

btn-link:{
text-decoration: none;
}

Однако после щелчка и перемещения мыши подчеркивание сохраняется до тех пор, пока не будет нажата другая кнопка.Как бы я удалил подчеркивание там?Проверьте ссылку, чтобы увидеть поведение, о котором я говорю.

Answer 1

просто добавьте указатель мыши для btn-link

.btn-link:hover, .btn-link, .btn-link:focus{
   text-decoration:none;
}

посмотрите демо здесь

Answer 2

Простой способ: просто добавьте !important

.btn-link {
  text-decoration:none !important;
}

Fiddle

или вы можете использовать :focus для клика и :hover для зависания,

.btn-link:focus, .btn-link:hover {
    text-decoration: none;
}

Answer 3

Вам нужно добавить два типа стиля для этого

.btn-link.focus, .btn-link:focus {
  text-decoration: none; //here is if you want to remove 
  box-shadow: none;
 }

и этого

.btn-link:hover{
  text-decoration:none; //here is if you want to remove 
 }

Answer 4

Вам нужно добавить две вещи:

Чтобы удалить подчеркивание, добавьте:

.btn-link:hover{
  text-decoration:none;
}

А для подчеркивания после клика добавить:

.btn-link:focus{
  text-decoration:none;
}

Проверьте этот пример .

Answer 5

проблема возникает из-за псевдокласса :focus, вы можете перезаписать CSS :focus следующим образом.

.btn-link.focus, .btn-link:focus {
    text-decoration: none;
}

Я надеюсь, что это решит проблему.