不要在下拉列表中显示第一个选项

Question

我有20个选项的下拉菜单，我喜欢选择第10个，但我不希望它应该选择蓝色，它应该只是在用户打开下拉列表之前显示的那个。

所以基本上它应该仍然是所有的选项，而是显示第一个它应该显示第10个，当用户打开下拉列表时，我们将能够看到所有选项。
selected="selected"很好但是它选择了蓝色，我只是想它应该是shoen，而不是颜色。
*在用户打开之前，下拉列表仅显示1个选项..

Answer 1

是您要找的所选房产吗？

<select>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4" selected="selected">4</option>
    <option value="5">5</option>
</select>

可以在这里找到一个jsfiddle：http://jsfiddle.net/TpuRc/

Answer 2

我不认为您可以使用Javascript或CSS执行此操作，而不使用内置控件。各种浏览器允许SELECT和OPTION元素的一些样式，但它们非常不一致，我不会指望能够使用它们。

但是有许多库可以将表单元素替换为可以设置样式的表单元素，并使隐藏的底层表单值与它们保持同步。其中一个库是http://www.emblematiq.com/lab/niceforms/，但有很多可供选择。