javaUser javaUser - 1 year ago 113
CSS Question

highlight the selected tab

I am working on angularJs and bootstrap application.
Currently working on creating a tabs using angularJS, i want to highlight the selected tab so that users can easily recognize that the tab highlighted is selected. Please suggest how to highlight the selected tab with color #FBDFD9.

Please find the exisiting working code to display tabs :

sample html code:

<div ng-controller="TabsParentController">
<tab ng-repeat="workspace in workspaces"
<div ng-controller="TabsChildController">
{{$}} : {{ $}}
<input type="text" ng-model=""/>
<tab select="addWorkspace()">
<i class="icon-plus-sign"></i>

Answer Source

I inspected the HTML with Chrome to see which CSS selector is being used in Bootstrap to style active tabs. Modify your CSS to add this rule:

.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
  background-color: #FBDFD9;
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download