悬停时突出显示表格行会显示列之间的空白
我一直在寻找这个问题的答案，但在网上找不到。
基本上，如果用户将鼠标悬停在表行上，我想突出显示该行。
我可以使用 css 或 jquery 来完成此操作，但两者都显示列之间的空白，因此看起来相当难看。
我想知道是否有办法解决这个问题？
列间隔的方式是在 html 的表声明中使用 cellspacing 。
<script type="text/javascript">
$(document).ready(function(){
$('.highlight').hover(function(){
$(this).children().addClass('datahighlight');
},function(){
$(this).children().removeClass('datahighlight');
});
});
</script>`
<table class="gig-table" cellspacing="30">
<tr class="highlight">`
在 CSS 中：
.datahighlight { background-color:#cc0099 !important; }
I have been searching for an answer to this but can't find it on the net.
Basically I want to highlight a table row if the user hovers over it.
I can do this using css or jquery but both show the white space between the columns so it looks pretty ugly.
I was wondering if there was a way to solve this?
The way the columns are spaced out is by using cellspacing in the table declaration in the html.
<script type="text/javascript">
$(document).ready(function(){
$('.highlight').hover(function(){
$(this).children().addClass('datahighlight');
},function(){
$(this).children().removeClass('datahighlight');
});
});
</script>`
<table class="gig-table" cellspacing="30">
<tr class="highlight">`
In the CSS:
.datahighlight { background-color:#cc0099 !important; }
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
使用：
如果你想在单元格内有空格，请使用 CSS：
Use:
And if you want to have spaces inside your cells use the CSS: