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

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -