Changing the background color for form error messages

The background for the form/field error is red by default. I'd like to change this.

Googling around offered some snippets that did nothing.  Any CSS solution for this? (Squarespace 7.1.)

You can add this code to Website > Website Tools (under Not Linked) > Custom CSS

div.field-error {
    background-color: black !important;
}

Thanks @tuanphan However, this doesn't seem to do the trick and I'm still getting white text on red background.

Currently my Custom CSS field looks like this:
 

Quote

.header .header-burger {
  display: none !important;
}
/* Change the error message text color */
.form-item-error {
    color: blue;
}
div.field-error {
    background-color: black !important;
}

@melody495

Here you go:
http://www.joonasranta.com/

2 hours ago, jsh0re said:

Here you go:
http://www.joonasranta.com/

Try this in your Custom CSS instead

.sqs-block-form .form-field-error {
    background-color: black !important;
}

Let me know how it goes.

@melody495, this one worked. Thanks a lot!

You're welcome, glad it worked!

Very helpful! Anyone know how to also target the little error icon color too?

7 hours ago, jcrawfy said:

Very helpful! Anyone know how to also target the little error icon color too?

Hi, please share a link to your website so we can check easier