Question

У меня есть раскрывающийся список, в который я добавил несколько стилей CSS.
После этого выбранные параметры раскрывающегося списка перестали отображаться:

<select class="form-dropdown form-input"
        id="genders" name="gender" >
  <option value="">Choose gender</option>

  <option value="male">Male</option>
  <option value="female">Female</option>
  <option value="other">Other</option>
</select>

.form-input  {
    height: 2vw;
    width: 50%;
    background-color: silver;
    border-radius: 10px;
    border: none;
    padding: 20px;
    margin: 15px;
 }