2015-12-09 71 views
-1

为什么我看到银色的工具提示?以及如何隐藏或删除它?隐藏工具提示的银色提示jquery

我正在使用jquery-1.10.2版本。

图片现在是: 我想隐藏我的黄色框周围的银色。 这是它的外观。 enter image description here

我的CSS代码:我在那里使用提示

.ui-tooltip { 
    background: #666; 
    color: white; 
    border: none; 
    padding: 0; 
    opacity: 1; 
} 
.ui-tooltip-content { 
    position: relative; 
    padding: 1em; 
     background-color: #ffff00; 
} 
.ui-tooltip-content::after { 
    content: ''; 
    position: absolute; 
    border-style: solid; 
    display: block; 
    width: 0; 
} 
.right .ui-tooltip-content::after { 
    top: 18px; 
    left: -10px; 
    border-color: transparent #666; 
    border-width: 10px 10px 10px 0; 
} 
.left .ui-tooltip-content::after { 
    top: 18px; 
    right: -10px; 
    border-color: transparent #666; 
    border-width: 10px 0 10px 10px; 
} 
.top .ui-tooltip-content::after { 
    bottom: -10px; 
    left: 72px; 
    border-color: #666 transparent; 
    border-width: 10px 10px 0;  
} 
.bottom .ui-tooltip-content::after { 
    top: -10px; 
    left: 72px; 
    border-color: #666 transparent; 
    border-width: 0 10px 10px; 
} 

代码:

<img title="Tooltip on left" style="border: 1px solid black;" id="@(Model.Id)@(pegiPicture)" src="@Url.Content("~/Images/Pegi/" + pegiPicture + ".png")" width="@(pegiInfo)" height="@(pegiInfo)"/> 
       <script> 
        $(document).ready(function() { 
         var position = { my: 'left center', at: 'right+10 center' }; 
         position.collision = 'none'; 
         $('img[title]').tooltip(); 
         $('img[value="right"]').trigger('change'); 
         $('img[title]').tooltip('option', 'position', position); 
         $('img[title]').tooltip('option', 'tooltipClass', 'right'); 
        }); 

       </script> 

回答

0

好吧,我想我找到了解决方案。我查看了我的jquery-ui.css,并查看颜色的变化。因此,这里是所有控件的颜色:

.ui-widget-content { 
border: 1px solid #dddddd; 
/*background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;*/ 
color: #333333; 

}

这里是这个银色。所以我可以从我的工具提示中以某种方式删除该类,这将完成。

enter image description here

这里jQuery的JS我可以删除类:

 .addClass("ui-tooltip ui-corner-all " +//ui-widget ui-widget-content 
      (this.options.tooltipClass || ""));