HTML-форма - оба варианта выбора не отображаются

Question

Я пытался закодировать окно выбора/выбора в форме в HTML, но когда я просмотрел его, отобразился только один из вариантов (тот, который был прокручен недавно).

Вот мой код:

HTML:

<form name="quizform"> 
      <div class="row"> 
       <div class="col-md-6"> 
        <label>1) Do you smoke?</label> 
       </div> 
       <div class="col-md-6"> 
        <select name="smokes?"> 
         <option value="yes">Yes</option> 
         <option value="no">No</option> 
        </select> 
       </div> 
      </div> 
     </form> 

CSS:
Я не писал никакого кода CSS для формы.

Изображения проблемы можно увидеть здесь:
http://i.stack.imgur.com/lZ9dY.png
http://i.stack.imgur.com/WxYLy.png

BTW: Я использую bootstrap.css

Answer 1

Это Кажущаяся, что ваш шрифт белый и ваш фон также белый, поэтому, только когда вы наводите или прокручиваете или выбираете элемент, действия, которые, вероятно, меняют цвет фона на синий, показывает текст. Вам необходимо изменить либо фон, либо цвет переднего плана.

Answer 2

Цвет шрифта для ваших раскрывающихся меню - белый, а также фон, поэтому, только когда вы наводите на него курсор, который меняет фон на синий, вы видите текст. Добавьте этот CSS-код ниже на выбор, чтобы изменить цвет текстовых параметров.

// CSS

select{ 
    color: black; 
    background-color: white; 
}