html - イオンスライダーの弾丸にボーダーカラーを与える方法

Question

私はイオンスライドボックスを持っています。アクティブな弾丸の境界線の色を白にしたいと思います。 アクティブな弾丸が黒色で、残りの非アクティブな弾丸が灰色である場合、デモを編集するライブの例を次に示します。アクティブな弾丸の境界線は以下のようになります。

これが私がこれまでに試したことです、私はストロークで試しました

.slider-pager .slider-pager-page.active {
    color: #000;
    fill: #000;
    stroke: #fff;
    background-color: #fff;
    border-radius: 50%;
    /* height: 17px; */
    stroke-width: 3px;
}

それから私は

.slider-pager .slider-pager-page.active {
  border:1px solid #fff;
  border-radius:50%;
}

[1]: http://codepen.io/ionic/pen/AjgEB