Como alterar a cor do button utilizando solid (CSS)

[petrochinski 0]

Boa tarde,

 

Eu fiz um <button></button> no HTML e no CSS coloquei o seguinte código:

 

background-color: green solid;

 

Porém o botão não fica verde :/

 

Alguém sabe me dizer o porque?

 

Desde já Grato!!!

[Matheus Tavares 167]

Olá @petrochinski, seja bem-vindo!

 

1 hora atrás, petrochinski disse:

Alguém sabe me dizer o porque?

Pq background-color espera apenas um valor e "green solid" não é um valor válido.

 

Tente apenas assim:

background-color: green;

 

[petrochinski 0]

40 minutos atrás, Matheus Tavares disse:

Olá @petrochinski, seja bem-vindo!

 

Pq background-color espera apenas um valor e "green solid" não é um valor válido.

 

Tente apenas assim:

background-color: green;

 

Fazendo desta forma ele perde o aspecto solid que o deixa mais bonito. Mas consegui encontrar o que queria, era só fazer o seguinte:

 

button{
    color: white;
    background-color: red;
    border: solid 1px #CCC;
    border-radius: 2px;
    width: 100px;
    height: 35px;
    margin-left: 125px;
}

o Color vai para font. Background-color a cor do botão e a border que entra o solid; Deu certo! :D

 

 

Muito obrigado Matheus.