Я видел пару связанных вопросов на этом сайте, но все они, похоже, были связаны с проблемами селектора, но я не думаю, что проблема здесь.
В моем случае Google Chrome и Safari сообщают мне известно, что вычисляемый стиль для рассматриваемых тегов a
имеет text-decoration:none
.
Выбор тегов a
и настройка text-decoration:none
не имеет значения, поскольку они уже имеют text-decoration:none
.
Страница оформлена на основе нескольких разных таблиц стилей, в том числе одной из моих тема блога, одна из импорта пространства имен из Materialize framework и, наконец, определяемую пользователем таблицу стилей, которую я оставил пустой (поэтому я не включил CSS в этот пост).
Демо: http://codepen.io/prashcr/pen/RaBKGY а>
Вот HTML:
<body class="site animated fade-in-down">
<div class="site-wrap center">
<div class="post p2 p-responsive wrap" role="main">
<div class="measure">
<div class="mcss">
<div class="container">
<div class="row">
<div class="col s12 m7">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="http://materializecss.com/images/office.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">
Kanban<i class="material-icons right">more_vert</i>
</span>
<p><a href="#!">This is a link</a></p>
</div>
<div class="card-action">
<a href="#">This is a link</a>
<a href="#">This is a link</a>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">
Card Title<i class="material-icons right">close</i>
</span>
<p>Here is some more information about this product that is only revealed once clicked on.</p>
</div>
</div>
</div>
<div class="col s12 m5">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="http://materializecss.com/images/office.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">
Camper News<i class="material-icons right">more_vert</i>
</span>
<p><a href="#!">This is a link</a></p>
</div>
<div class="card-action">
<a href="#">This is a link</a>
<a href="#">This is a link</a>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">
Card Title<i class="material-icons right">close</i>
</span>
<p>Here is some more information about this product that is only revealed once clicked on.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>