Can't apply styling to non-active contact form fields

Not sure what i'm doing wrong here, I'm using css to change appearance of the form fields on contact page but it doesn't seem to be working.

Quote

CODE THAT IS NOT WORKING
// Form Fields
.form-wrapper .field-list .field .field-element {
  background-color: #000 !important;
  border: 1px solid #333 !important;
  color: #fff !important;
  outline: none !important;
}

I use this code which works on the fields when active etc but normal state fields I cannot seem to get them to change.. 

Quote

// Form Fields Active
.form-wrapper .field-list input:focus, .form-wrapper .field-list textarea:focus {
  background-color: #000;
  border: 1px solid #333;
  color: #fff;
  outline: none;
}
// Dropdown Fields
.form-wrapper .field-list .field select {
  padding: 10px;
  background-color: #000;
  border: 1px solid #333;
  color: #fff;
  margin: 0 0 30px;
  outline: none;
}

I'm trying to achieve all fields to look the same in all states other than active when the border is bright white. 

Help appreciated thanks 🙂 - https://www.desnoir.studio/contact

Thank you so much @paul2009 🙏🏻 that has worked perfectly.

For anyone else who might see this I also used 

.field-list textarea {} for the large form fields.