Sohan Shirodkar Sohan Shirodkar - 24 days ago 8x
AngularJS Question

How to make angular-material tabs transparent?

Angular material allows us to configure themes to give a custom colour to

, or for that matter any of it's components.

Is there any way I can make these tabs look transparent so that I can view the background image?

Applying an inline style doesn't help.


Is this what you mean? CodePen


#background {
  background-image: url("");
  height: 100%;

.tabsdemoDynamicHeight md-content md-tabs {
  background: transparent;
  border: none;

#myTabs md-tabs-wrapper {
  background: transparent;

#myTabs md-tab-content {
  background: white


<md-tabs id="myTabs" md-dynamic-height="" md-border-bottom="">