Обернутый тег привязки вокруг контейнера inline-flex - текст не подчеркнут в Firefox - PullRequest
Новая
       53

Обернутый тег привязки вокруг контейнера inline-flex - текст не подчеркнут в Firefox

1 голос
/ 17 июня 2020

Я пытаюсь вложить контейнер inline-flex в тег привязки (IE11 заставил меня это сделать). К сожалению, я получаю разные результаты на FireFox по сравнению, например, с Chrom. В Chrom текст остается подчеркнутым, в то время как FF вообще не мешает рисовать линию внизу.

Есть идеи, почему это так работает? 

a{
  color: red;
}

.flex{
  display: inline-flex;
  /* display: flex; */ -> will show the underline
}
<a href="www.google.com">
  <div class="flex">Text inside wrapper</div>
</a>

1 Ответ

1 голос
/ 17 июня 2020

Если вы хотите, чтобы подчеркивание появилось и в firefox, просто попробуйте изменить css для .flex на 

a{
  color: red;
}

.flex{
  display: inline-flex;
  text-decoration:underline;
  /* display: flex; */ -> will show the underline
}
<a href="www.google.com">
  <div class="flex">Text inside wrapper</div>
</a>
...