networkdemon17
New Member
In my MVC3 project (using Twiter Bootstrap) I have a page with two radio buttons. When hovering the mouse on the second one the view displays a Bootstrap tooltip. Additionally I have a JS function that change the CSS appearance of that tooltip turning it to yellow.I would like to remove the transparency and apply gradient by adding some css properties to my JS function. Something like this:\[code\]background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FCEEC1),color-stop(100%,#EEDC94));\[/code\]I've tried a thousand ways and I cannot. Could you please help me?Thanks in advance!!My radiobutton:\[code\]<span class="radio-button-revoked" title="CAUTION! Selecting this option will cause the revocation of the order delivery">@Html.RadioButtonFor(model => model.Status, 0, new { style = "margin-top: 0px;" })</span><span class="text-error"><strong> Not delivered</strong></span>\[/code\]My JS:\[code\]function changeTooltipColorTo(color, textcolor) { $('.tooltip-inner').css('background-color', color) $('.tooltip-inner').css('color', textcolor) $('.tooltip-inner').css('font-weight', 'bold') $('.tooltip.top .tooltip-arrow').css('border-top-color', color); $('.tooltip.right .tooltip-arrow').css('border-right-color', color); $('.tooltip.left .tooltip-arrow').css('border-left-color', color); $('.tooltip.bottom .tooltip-arrow').css('border-bottom-color', color);}$(document).ready(function () { $("[rel=tooltip]").tooltip(); $('.radio-button-revoked').hover(function() {changeTooltipColorTo('#F89406','#404040')});});\[/code\]