CODEWITHSUNDEEP
css
Nitin Gite
Nitin Gite

Reputation: 293

how to overwrite css property min-height or height

How can I override the min-height property in the code below? I am trying to set it with min-height:none; but its not working. I just want to remove this property.

/* original class */
.navbar {
  border: 1px solid transparent;
  margin-bottom: 20px;
  min-height: 50px;
  position: relative;
}

/* override class */
.navbar {
  min-height: none;
}

Upvotes: 3

Views: 6130

Answers (1)

Oriol
Oriol

Reputation: 288060

min-height's initial value is 0:

.navbar {
   min-height: 0;
}

In CSS3, you can also use initial or unset keywords:

.navbar {
   min-height: initial; /* or `unset` */
}

Upvotes: 6

Related Questions