Javascript 如何自定义Opentip默认样式？

我正在使用opentip框架实现工具tip，因为我对Jquery和Java脚本非常陌生，我已经使用opentip HTML属性实现了，但需要更改其样式，如tip关节和背景颜色

有人能帮我吗…在下面找到我的代码谢谢

#工具提示2{填充：13px 0px 0px 10px；边距：-1px 4px-4px-5px！重要；“}

选择1

首先，需要将jQuery脚本标记移动到opentip脚本标记之前

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://rawgit.com/enyo/opentip/master/downloads/opentip-jquery.js"></script>
<link href="https://rawgit.com/enyo/opentip/master/css/opentip.css" rel="stylesheet"/>

将提示关节设置为工具提示的左中心。您应该有足够的（和更多的）空间来适应工具提示-因此，如果您的目标位于视图端口的顶部，并且您执行“左中心”提示关节，则它可能会自动变为“左上”，因为没有足够的空间

可以使用“背景”属性设置背景

data-ot-background="red"

您应该使用完整的HTML

<div class="option" style="width:13%;float:left;margin-top: 100px">
    <label style="padding:10px 0px 0px 10px;" id="tooltip2" data-ot="This is my new tooltip" data-ot-delay="1" data-ot-hide-trigger="closeButton" data-ot-style="glass" data-ot-fixed="true" data-ot-tip-joint="left" data-ot-background="red">Option1</label>
</div>

选择1

我添加了一个上边距，只是为了证明如果有空间，它将与配置的尖端接头一起出现

<div class="option" style="width:13%;float:left;margin-top: 100px">
    <label style="padding:10px 0px 0px 10px;" id="tooltip2" data-ot="This is my new tooltip" data-ot-delay="1" data-ot-hide-trigger="closeButton" data-ot-style="glass" data-ot-fixed="true" data-ot-tip-joint="left" data-ot-background="red">Option1</label>
</div>