一个选项是只disable第一个选择的选项：

<select id="countrySelect" name="countrySelect">
  <option  disabled selected>Select Your Country:</option>
  <option>USA</option>
  <option>Germany</option>
  <option>France</option>
</select>

我通常把标签 Package 在输入的周围：

<div class="unselected-field" style="display: inline-block;" id="selectCountry">
    <label>Test:<select id="countrySelect" name="countrySelect">
        <option>Option 1</option>
        </select>
    </label>
</div>​

如果<select>的宽度加上<span>的宽度大于包含<div>的宽度，则<select>将被迫低于<span>，而不是在<span>旁边。而且，<select>的宽度依赖于它所包含的文本，所以它可以有一个可变的宽度，除非你给予它一个静态的宽度。

你能在unselected-field中发布代码吗，因为我能够让它在Chrome http://jsfiddle.net/tVT67/中正确显示
事实上，我甚至可以删除inline-block，它仍然可以工作http://jsfiddle.net/H3GDN/

对我来说很好http://jsfiddle.net/KG9hL/1/
当然，除非包含div的宽度小于label和select元素的组合宽度：http://jsfiddle.net/74bRX/

这就像魅力：

<select id="countrySelect" name="countrySelect">
  <option  disabled selected style="display:none">Select Your Country:</option>
  <option>India</option>
  <option>USA</option>
  <option>UK</option>
</select>