CODEWITHSUNDEEP
css
Sam
Sam

Reputation: 191

How to remove inherited CSS from body

I am trying to make some pages responsive but in doing so i am facing one issue. there are some css which are inherited by body. and i am not able to override it.

fieldset[Attributes Style] {
  text-align: center;
}

fieldset {
  display: block;
  -webkit-margin-start: 2px;
  -webkit-margin-end: 2px;
  -webkit-padding-before: 0.35em;
  -webkit-padding-start: 0.75em;
  -webkit-padding-end: 0.75em;
  -webkit-padding-after: 0.625em;
  min-width: -webkit-min-content;
  border: 2px groove threedface;
}

Above is the CSS which I don't want to be displayed. I tried overriding but was not able to make changes.

Please suggest if any idea to my problem.

Upvotes: 0

Views: 904

Answers (2)

kelvin
kelvin

Reputation: 514

You should define the attributes you or rules specifically. Also, the '!important' overrides previously defined rules for example:

#fieldset{
   margin: 0 !important;
 }

Upvotes: 0

Florin Pop
Florin Pop

Reputation: 5135

These are the styles which the browser has for certain tags by default. You can overwrite them in your CSS:

fieldset {
  margin: 0; /* or any value you want */
  padding: 0; /* or any value you want */
}

Upvotes: 1

Related Questions