This question already has an answer here:

“text-decoration” and the “:after” pseudo-element, revisited 11 answers

Как и всем здравомыслящим людям, я ненавижу кликать по ссылке и слишком поздно обнаруживаю, что она приводит к повреждению браузера PDF-файлом или файлом Microsoft Office. Я подумал, что смогу немного облегчить жизнь людям, отобразив маленький значок рядом со ссылками, которые ведут к таким файлам. Наконец, IE8 поддерживает:after я думал, что объявление CSS будет довольно простым:

a.file_pdf:after {
    content:url('/images/pdf.png');
    text-decoration: none;
    padding-left: 5px;
}

В IE8 это работает нормально. В Firefox и Chrome, тем не менее,text-decoration: none игнорируется, а подчеркивание простирается непривлекательно по нижней части значка. Есть ли способ исправить это без "мошенничества"? используя дополнительный<span> тег?