html - 如何使用 Bootstrap 以 html 形式插入选择元素？

Question

我必须在使用 bootstrap 的 html 文件中插入一个元素。我尝试了以下方法:

<form role="form" action="mailto:sm.ayman10@gmail.com" method="post" enctype="text/plain">
    <div class="form-group">
        <label for="objectinput"><h4><span class="glyphicon glyphicon-tag"></span>&nbsp;&nbsp;Objet</h4></label>
        <select class="form-control" type="object" id="objectinput">
            <option value="info">Demande d'information</option>
            <option value="order">Commande</option>
            <option value="sans" selected><span style="color:#B29999;">Selectionez l'objet de votre requ&ecirc;te</span>  </option>
        </select>
    </div>                      
</form>

除一件事外一切正常:所选文本的颜色。所以它看起来像是“选定”元素的占位符，但我失败了。它以黑色显示:/谁能告诉我如何更改标签内文本的颜色!

Answer 1

如果您只想更改选择输入中文本的颜色，请执行以下操作:

#objectinput {
  color: red;
}

如果您希望预选选项 3，请执行以下操作:

<option value="sans" selected>Selectionez l'objet de votre requête  </option>

Working Example

更新

如果您只想针对第三个选项，请使用此选项(nth-child(3) 对我不起作用..):

#objectinput option + option + option
{
  color: red;
}

如果您只想定位选定的选项，请使用:

#objectinput option:checked
{
  color: red;
}

Working Example