Html 如何更改工具提示背景色
我想创建类似的工具提示,如这把小提琴所示 (请将鼠标悬停在输入字段上以查看工具提示) 我按照上面的方法创建了我的代码Html 如何更改工具提示背景色,html,Html,我想创建类似的工具提示,如这把小提琴所示 (请将鼠标悬停在输入字段上以查看工具提示) 我按照上面的方法创建了我的代码 <div class="kp-color-button"> <a id="bullishengulfing" rel="tooltip" data-toggle="tooltip" data-placement="bottom" title="This is bullishengulfing" class="candlespattern green-b
<div class="kp-color-button">
<a id="bullishengulfing" rel="tooltip" data-toggle="tooltip" data-placement="bottom" title="This is bullishengulfing" class="candlespattern green-button">Bullish Engulfing</a>
<a id="dojiyestersay" rel="tooltip" data-placement="bottom" data-toggle="tooltip" title="This is dojiyestersay" class="candlespattern orange-button">Doji Yesterday</a>
<a id="hammer" rel="tooltip" data-placement="bottom" data-toggle="tooltip" title="This is hammer" class="candlespattern light-blue-button">Hammer Pattern</a>
<a id="bearishengulfing" data-placement="bottom" data-toggle="tooltip" rel="tooltip" title="This is bearishengulfing" class="candlespattern maroon-button">Bearish Engulfing</a>
</div>
您能告诉我如何创建类似的工具提示吗???首先为工具提示添加另一个div
<div id = "tooltip"></div>
然后使用jQuery:
$(document).ready(function() {
$("#bullishengulfing").hover(function() {
$("#tooltip").show("slow");
$("#tooltip).text("the text for that category");
)}; // repeat this for every div
)};
希望这有帮助 fiddle使用一组JS和CSS代码来创建工具提示
在第二部分中使用的代码中,工具提示基于“title”HTML属性,并且您添加的所有data-*内容都无效
编辑:更具体地说,浏览器会生成基于“标题”的工具提示,就像应用程序中的工具提示一样。它不是HTML实体,因此无法设置样式
似乎您已经从其他代码/页面复制/粘贴了这些数据属性,而不知道它们是什么。也许是一些使用引导的东西:
无论如何,要回答您的问题,您不能更改基于“标题”的工具提示的颜色
但是,如果您正在创建一个新网站,请毫不犹豫地检查Bootstrap
最好的,我有点困惑-你似乎在提问之前就已经回答了这个问题!很抱歉造成混乱,在我的小提琴中显示默认工具提示,我想让它看起来像这把小提琴一样,我想他想在没有第一个JSFIDDLE中使用的js插件的情况下达到同样的效果。我已经使用了上一个小提琴使用的插件。@PreethiJain从这里看起来不像-你的小提琴上只有一个CSS文件,没有JSthnak你,我也做了同样的事情,但是它不起作用。您添加jQuery CDN了吗?
$(document).ready(function() {
$("#bullishengulfing").hover(function() {
$("#tooltip").show("slow");
$("#tooltip).text("the text for that category");
)}; // repeat this for every div
)};