Html 如何编辑b表的样式

我很难弄清楚当你点击一个b表格行时，当b表格打开时，b表格是如何添加厚边框的

//someidea组件
导出默认值{
名字：'某物'，
数据（）
{
返回{
想法：[{
标题：“一些想法”，
描述：“一些描述”，
_行变量：“警告”，
}],
ideaFields：[
{
关键字：“标题”，
可排序：false，
},
{
关键字：“说明”，
可排序：false，
}
],
}
},
安装的（）
{
},
方法：{
markRead（记录、数据、数据X）
{
记录。_rowVariant=''；
},
},
}

点击前

点击后

现在，当您单击该行时，它确实会清空_rowVariant，并按预期将其从黄色背景更改为白色背景。问题是，行有一个很厚的边界来获得焦点（不知道它是否真的是焦点，但无法更好地描述它）。我已经在chrome和firefox（都是最近更新的）中检查了inspector，我没有看到焦点行有任何变化，但它确实有边框，所以我不确定他们是如何应用它的

一个重要的旁注基于（第一个示例表）：

b-table支持以编程方式选择和取消选择所选行。遗憾的是，这不适用于我的情况。单击的行不是真正选中的，更像是聚焦的。如果在文档中的行上单击两次（还是第一个表），您会看到该行已取消选中，但仍有边框

我也试过了（没有成功）：

tr:focus{
边界：没有！重要；
}

我希望任何人都能帮我解决这个问题，因为尽管有一个丑陋的边界并不是世界末日，但它让我感到厌烦，我找不到这种风格是如何应用的

提前感谢。

解决方案 将

边框

更改为

轮廓

，如下所示：

tr:focus{
大纲：无；
}

您也可以这样做：

tr:focus{
大纲：0；
}

默认情况下，

：focus

样式使用

outline

属性。

outline

的目的是让元素脱颖而出<代码>轮廓围绕边框绘制

---

轮廓

和

边框

• 轮廓不是长方体模型的一部分
• 轮廓不会更改图元的大小或位置
• 轮廓不能将每条边设置为不同的宽度，或设置不同的宽度 每个边缘的颜色和样式。轮廓在各个方面都是一样的 （所有侧面的颜色、宽度和样式必须一致）
• 轮廓不会占用空间，而是放置在元素顶部 （轮廓与图元本身或其他图元不相交 在他们周围）
• 轮廓不能是圆形的