html隐藏图片边框

Question

我正在用 CSS 装饰一个表格，我添加了箭头以显示数据的排序方向。显示了箭头，但它周围有一个我无法删除的边框。如何使用 CSS 删除此边框？

CSS 看起来像这样:

table>thead>tr>th.sort-desc>img {
    background: transparent url(/assets/grid_ctrl_imgs.png) no-repeat scroll -100px -67px;
    width: 19px;
    height: 16px;
    overflow: hidden;
    vertical-align: middle;
}

这个标题的 HTML 看起来像这样:

<th *ngFor='let key of columns' class='sort-desc'>
                {{ key.label }} <img>
</th>

Answer 1

#class img
{
 border: none;
}

或

attribute 
<img src="" border=0/>

两者都非常适合我。