如何设置焦点锚标签的文本排除css背景图像？

Question

我使用了以下CSS来设置对锚标记的关注：

a:focus
{
outline: 1px dotted black;
}

因为我在css的背景图像中使用了pdf文件的下载链接之前显示pdf图标（pdf-icon.png）。当标签焦点出现时，它使用pdf-icon.png图像选择锚标记的文本。 我的CSS显示pdf图标图像是这样的：

a.pdf-link
{
line-height: 30px;
background: url(../Images/pdf-icon.png) no repeat;
text-decoration: none;
padding: 4px 0px 4px 26px;
}

但我想只关注Anchor标签的文字，即'DownLoad PDF'，不要专注于'pdf-icon.png'图像。

我在.aspx页面上的代码是这样的：

<div>
<a class="pdf-link" href="http://example.com/a.pdf" target=" _blank" shape=""> Download PDF </a>
</div>

有人可以帮我解决这个问题吗？

Answer 1

使用更具表现力的选择器，例如：

.pdf-link:focus
{
outline: 1px dotted black;
}