Требование формы CSS Выпуск

Question

У меня возникают проблемы при попытке сделать код формы ниже обязательным.

<select id="state" name="state" title="state" required>   
    <option value="" label="State/Province">State/Province</option> 
    <option value="AL">AL</option>
</select>

Я думаю, проблема связана с приведенным ниже CSS - по сути, в CSS есть скрытый <select>, но есть также ".o-selector" "который виден.

Требуемая функция работает, когда я делаю видимым бит" select ", но тогда в форме есть 2 раскрывающихся списка. Я пытаюсь понять, могу ли я каким-то образом передать требование ".o-selector", если это имеет смысл?

select {
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;
  display: none;
}