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;
}

OR

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

两者对我来说都很完美。