CSS - input:invalid not

I'm having a validation problem ... If I put select field like this: It already appears invalid, even without

<option value=''></option>

If I put the select field like this:

It stays right without even touching

    <option value=' '></option>

I want it to only begin to validate after selecting

Follows his CSS

.form-validate input:invalid, textarea:invalid, select:invalid { 
  background: url(../img/error.png) no-repeat 98% center; 
  border: 1px solid #ebccd1; 
  box-shadow: 0 0 5px #d45252; 
  color: #a94442; 
}

enter image description here

How can I leave to just check if it invalid when submitting the Submit, because when I select 'select' (this is already working) ...

I thought about using the:

input :not (:empty)

because I understand that this would identify if when the value is not 'empty', it does nothing ... but it did not work