Simple_form color styling

Question

Is it possible to change the default color of the simple_form input box from grey to another color with CSS? Here is my CSS:

.simple_form div.input {
    width: 500px;
    display: block;
    margin-bottom: 0px; 
}

Answer 1

Yes, use color:

.simple_form div.input {
    color: #ff0000; /* red */
}

To change border:

.simple_form div.input:focus {
    border: 1px solid #ff0000; /* red */
}