After successfully creating a button in HTML and applying CSS to add border effects, I ran into an issue when trying to change the background color or text color. Despite adding styles directly to the HTML file, these specific changes did not take effect. Does anyone know why only certain effects, such as borders, were working while others were not?
.button1 {
float: none;
height:20px;
width:50px;
background-color:blue;
color:black;
border-style: outset;
}<hr>
<div class="button1">
<button type="button" style="height:70px; width:230px; color:red; background-color: yellow">Click Here</button>
</div>Button