gpt4 book ai didi

hyperlink - 将鼠标悬停在一个链接上会使其右侧出现小破折号

转载 作者:行者123 更新时间:2023-12-03 08:05:44 26 4
gpt4 key购买 nike

在这种情况下,将鼠标悬停在左侧链接上会使其右侧(两个链接之间)出现一个小破折号。我怎样才能摆脱这个?我在 Safari 和 Chrome 中都看到了这一点,但我在样式表中没有看到任何可以做到这一点的内容。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Walls</title>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="custo.css">

<script src="prettyPhoto_compressed_3/js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="prettyPhoto_compressed_3/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="prettyPhoto_compressed_3/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
</head>

</head>
<body>

<br>
<a href="gallery.html">
<img src="test.jpg" class="testclass" alt="test" width="170" />
</a>

<a href="info.html">
<img src="test.jpg" class="testclass" alt="test" width="55" />
</a>



<div class="container-fluid">
<br>


</div><!-- .container -->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

<script type="text/javascript" charset="utf-8"> <!--initialize prettyPhoto-->
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>


</body>
</html>

最佳答案

如果你看到的和我看到的一样(我没有所有的样式表),你会看到 a 的下划线图片的标签。

您可以使用 text-decoration: none 删除它在您的图片链接上;

<a href="gallery.html" style="text-decoration: none !important;">
!important在样式的末尾有助于覆盖 CSS 中可能已经有 !important 的任何选择器重点。

当然,这在实践中使用 class that you set on your image links 更好地完成。 .

关于hyperlink - 将鼠标悬停在一个链接上会使其右侧出现小破折号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16116984/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com