Bootstrap Свернуть текстовое оформление
Что касается Компонент Bootstrap Collapse, у меня есть вопрос относительно "примера с аккордеоном". Я хочу удалить подчеркивание из текста «Элемент складной группы» 1-3, когда они используются. По умолчанию они не подчеркнуты, а при наведении курсора подчеркиваются. Это можно изменить, выполнив:
btn-link:{
text-decoration: none;
}
Однако после щелчка и перемещения мыши подчеркивание сохраняется до тех пор, пока не будет нажато что-то еще. Как убрать там подчеркивание? Проверьте ссылку, чтобы увидеть поведение, о котором я говорю.
Ответы 5
просто добавьте наведение мыши для btn-link
.btn-link:hover, .btn-link, .btn-link:focus{
text-decoration:none;
}
проблема кажется из-за псевдокласса :focus вы можете перезаписать CSS :focus вот так.
.btn-link.focus, .btn-link:focus {
text-decoration: none;
}
Надеюсь, это решит проблему.
Вам нужно добавить две вещи:
Чтобы убрать подчеркивание при наведении, добавьте:
.btn-link:hover{
text-decoration:none;
}
А для подчеркивания после клика добавить:
.btn-link:focus{
text-decoration:none;
}
Посмотрите этот пример.
Вам нужно добавить два типа стиля для этого
.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
}
Простой способ: просто добавьте !important
.btn-link {
text-decoration:none !important;
}
или вы можете использовать :focus для клика и :hover для наведения,
.btn-link:focus, .btn-link:hover {
text-decoration: none;
}
Спасибо! На самом деле я опечатался в своем посте, у меня уже был изменен тег наведения, это был просто тег фокуса, который я искал.