CSS button is not working

I am having trouble solving this exercise; it says I need to have a selector on the button.


Thank you so much for the help.
My code:
body {
background-color: #0a0a23;
}

#text {
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}

#game {
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}

#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}

#monsterStats {
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}

.stat {
padding-right: 10px;
}
#button{
cursor: pointer;
color: #0a0a23;
background-color:#feac32;
background-image:linear-gradient(#fecc4c);
border:3px solid #feac32;
}

Please post your code instead of a screenshot. Also, please post a link to the step. Also, please talk to us about what has you stuck about this problem in your own words. Thanks

Without the step, it is hard to help.

But the button selector should refer to a type selector and not an id selector.

button {
  color: orange;
}

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.