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;
}

看小提琴

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