Home Not able to remove tab border from tabs in angular 4 using bootsrap
Reply: 1

Not able to remove tab border from tabs in angular 4 using bootsrap

Punit
1#
Punit Published in 2018-01-13 10:13:52Z

I am using ngx-bootstrap with angular 4 , the tabs are visible I want to remove the bottom border. This border

My HTML Code :

  <div >
  <tabset>
     <tab heading="Home"></tab>
     <tab heading="Profile"></tab>
     <tab heading="About us"></tab>
  </tabset>
 </div>

My css:

tab>active
{
color:rgb(58, 45, 128)
}

tabset{
margin: 0;
outline: 0;
border-bottom: 0px;
}
Akshay Raut
2#
Akshay Raut Reply to 2018-01-13 20:11:33Z

Why not just get rid of the border altogether as follows ? It's not like the tabs are being highlighted with their own borders.

tabset{
margin: 0;
outline: 0;
border:none !important;
}

Edit: Since the order of stylesheets being applied matters, so you can keep following code in your style.css. You can use id for your subset of div element that contains those tabs and then apply your border-bottom:none; to the css code that only points to the tabset of that div that has matching id. For e.g.

#myDiv > tabset
{
    margin: 0;
    outline: 0;
    border-bottom:none !important;
}
You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.363972 second(s) , Gzip On .

© 2016 Powered by mzan.com design MATCHINFO