Jquery 作为占位符的透明css边框

请查看以下两个fiddle文件，以了解我正在努力解决的问题：

我希望悬停效果上有一个边框用于高亮显示，但我对以下两个代码不满意：

这一个并不令人满意，因为当你将鼠标移到行上时，桌子会抖动，然后我尝试了以下方法

这也不起作用，因为边框与未选定行的其他边框重叠

.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table.ui-datepicker-calendar tbody tr {
    border-style: none;
    border-color: rgba(255, 0, 0, 0);
    border-width: 4px;
}
.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table.ui-datepicker-calendar tbody tr:hover {

    border-style: dotted;
    border-color:red;
    border-width: 4px;
}

因此，对于没有鼠标悬停的行，如果我将边框设置为“无”，那么它会摆动，但是如果我将边框设置为实心但透明，它仍然会阻止悬停行的边框

有没有办法让占位符边框真正看不见？

给你：

只需使用

outline

而不是

border

来添加边框颜色，它应该可以很好地工作：）

---

我不太明白您在说什么，但我怀疑如果您将框模型设置为边框框而不是填充框，您的问题就会消失。您是否尝试过将边距添加到与边框大小相同的行中，然后删除边距并添加边框？“我不确定这会是怎样的，但这似乎是合理的。@玉米饼：你不能为表格行添加边距，它根本不适用于表格行元素。”。啊，谢谢你，我更像一个后端类型的家伙，但我想我会抛出一个建议，谢谢链接。

.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table.ui-datepicker-calendar tbody tr {
    outline: 2px dotted white;
}
.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table.ui-datepicker-calendar tbody tr:hover {
    outline: 2px dotted red;
}