javascript - Intro Js 帮助导览

Question

有没有一种方法可以自定义 intro js 中的项目符号，以便用户可以确定要跳到哪一步？ 我被问到项目符号是否可以有某种标识，以便用户在尝试访问特定组件的帮助时可以确定。

http://jsfiddle.net/ee2s3p11/

蓝色项目符号用于直接导航到步骤，如果可以自定义这些蓝色项目符号，用户将更容易跳转到他们正在寻找的帮助组件。

步骤1 第2步 步骤 3 步骤4

点我!

.introjs-tooltip {
    min-width: 250px;
    max-width: 250px;
} 
.introjs-bullets ul li a {
    width: 15px;
    height: 15px;
    background-color: blue;
}

Answer 1

这个怎么样:

.introjs-bullets ul li a:after {
  content: attr(data-stepnumber);
  color:#fff; position:relative; top:-2px;left:-2px;
}

看 fiddle

http://jsfiddle.net/ee2s3p11/1/