如何在表单击上修复css颜色

Question

我点击表格会有一些奇怪的行为。有点难以解释。

请登录我的test site查看（用户名：admin，密码：adminadmin）。

有两个问题：

• 当您双击小桌子上的文字以外的地方时，会短暂地显示不同颜色的蓝色。
• 如果单击该表中的最后一行，则整个页面列会将相同的颜色变为蓝色。

.table-striped tbody tr.highlight td { 
    background-color: #428bca;
    color:white;
}
.table-hover tbody tr:not(.highlight):hover td {
    background-color: #428bca;
    color: black
}
.table tbody tr:not(.highlight):hover td,
.table tbody tr:not(.highlight):hover th {
    background-color: transparent;
}

<table class=" table table-bordred table-striped table-hover">
    <tr><th>No</th><th>Name</th></tr>
    <tr ng-repeat="job in jobArray" class="pointer" ng-class="{highlight: job.JobNumber===selectedJob.JobNumber}">
        <td ng-dblclick="editJobModal(job)" ng-click="selectJob(job)">{{job.JobNumber}}</td>
        <td ng-dblclick="editJobModal(job)" ng-click="selectJob(job)">{{job.JobName}}</td>
    </tr>
</table>