我的 JS 小提琴:http: //jsfiddle.net/kvHq7/
我不会将脚本放在此页面上,因为它非常广泛并且会占用太多空间。请访问我在上面发布的 JSFiddle 链接。
只会添加 CSS 代码:
.displayresult {
display: none;
}
#fname, #lname, #splabel, #addlabel, #pnlabel {
border-width: 4px;
border-bottom-style: double;
}
#first, #last, #specialty, #address, #phone {
border-width: 4px;
border-bottom-style: double;
}
它目前正在做的是,对于正在显示的结果,它将所有结果添加到一个 TD 中,这导致我遇到了一些问题。
- 第一个问题是,我无法使背景颜色将当前行与下一行分开,依此类推。
- 第二个问题是,我不能在每行结果下放置双边框,因为它是包含整个结果的一行。
那么如何编辑 JS 代码和/或 CSS 代码以获得以下结果:
如您所见,每个结果都有双底边框,并且备用 TD BG 是灰色的。