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

user interface - How to replace the Python logo in a Tkinter-based Python GUI app? -

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

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