显示表格的边框

时间:2014-12-17 14:54:27

标签: jquery html css

我想显示工具提示表的边框。我尝试使用css代码并使用html border属性,但tooltip表没有显示border.Please find fiddle:http://jsfiddle.net/0w9yo8x6/42/。当鼠标悬停在表格中的图像上时,会显示工具提示,我想显示工具提示表的边框。

以下是示例代码:

<table class="tooltipTable" style="position:absolute;">
    <tr><td>row1 </td></tr>
    <tr><td>row2</td></tr>
</table>

jquery显示工具提示:

$(function () {
  $('.one').attr('title', $('.tooltipTable').remove().html());
  $(document).tooltip();
});

请建议。

3 个答案:

答案 0 :(得分:1)

选择器.ui-tooltip

上有2px宽的边框

检查出来: http://jsfiddle.net/0w9yo8x6/43/

答案 1 :(得分:1)

您的意思是工具提示的边框或其中的行?如果你的意思是其中的行,那么请参见fiidle Here

您可以添加到样式表。

   .ui-tooltip-content td{
    border:1px solid #00c!important;
}

答案 2 :(得分:0)

你的意思是,在工具提示本身添加一个css边框?这有效:

.ui-tooltip {
    border:1px solid #00c!important;
}

这里是JSFiddle