css - Why is inline style being overridden -
i trying put border around div.
<div style="border-color: yellow; border-style: dotted; border: 5px;"> <p> test. </p> </div>
yet when run this, browser shows actual style being applied:
<div style="border: 5px currentcolor;">...</div>
the result no border shown @ all.
this makes no sense me why border styles being overridden. can imagine bootstrap has set !important override somewhere, have been unable trace this.
change order in applying inline styling. can add 3 styling in border
style border:5px dotted yellow;
. if still want go way did, change order. first add border
style , specify other styles this.
<div style="border: 5px; border-color: yellow; border-style: dotted;"> <p> test. </p> </div>
Comments
Post a Comment