如何更改qTip2箭头颜色?

时间:2017-02-10 13:08:14

标签: jquery css fullcalendar qtip2

我使用qTip2(参见http://qtip2.com/)来显示工具提示中的事件的详细信息。我浏览了qTip文档以找到改变箭头颜色的方法。可悲的是,我只能改变箭头的大小,而不是颜色本身。有什么想法吗?

Here is a screenshot of the current state. The black arrow should be coloured white.

这是我当前的实施:

element.qtip({
            content: event.renderedEventTooltip,
            hide: {
                delay: 200,
                fixed: true,
            },
            style: {
                tip: {
                    width: 30,
                    height: 15,
                }
            },
            position: {
                my: 'top center',
                at: 'bottom center',
                viewport: jQuery('#calendar'),
                adjust: {
                    method: 'shift',
                    resize: false,
                }
            },
        });

1 个答案:

答案 0 :(得分:0)

您可以更改每个CSS的笔尖颜色和属性border-color。例如:

.qtip-tip { border-color: white; }