如何在ui路由器中加強活動鏈接

Question

我有一個使用UI路由器的多步表單。我想知道如何大膽活動鏈接並保持粗體。現在鏈接只有當我點擊它們時纔會變成粗體，當我點擊它時返回到原來的CSS。

HTML：

  <div class="text-center"> 
       <a ui-sref-active="active" ui-sref=".info"><span>1</span> Personal Info</a> 
       <a ui-sref-active="active" ui-sref=".events"><span>2</span> Interests</a> 
       <a ui-sref-active="active" ui-sref=".submit"><span>3</span> Kewl Dawg</a> 
      </div> 

CSS：

a:active { 
    font-weight: bold; 
} 

這裏是對plunkr鏈接： https://embed.plnkr.co/PSpH6qdlm9JltgU2DAbj/

解決：

只是刪除一：從CSS。 ...

Answer 1

ui-sref-active增加了一個類，你的CSS目標是'：active'僞類。在你的CSS中使用a.active。

https://plnkr.co/edit/FcHpaV5ITXYqXLs0FwZL?p=preview