在下拉列表前添加一個文本標籤

我想在選擇框前添加一個標籤，我已經將包含兩個元素的div標籤設置爲「內嵌塊」。但是，跨度仍然在選擇框的頂部。在下拉列表前添加一個文本標籤

<div class="unselected-field" style="display: inline-block;" id="selectCountry"> 
    <span>test</span><select id="countrySelect" name="countrySelect"></select> 
</div>

任何想法？我在Chrome ...

來源

2012-03-18 thinkanotherone

難道是我的父母的HTML元素有一些類型的重寫我的默認樣式的CSS？ – thinkanotherone 2012-03-18 21:39:49

你有活的網站看嗎？會很方便地看到所有的代碼。 – SmithMart 2012-03-18 21:44:50

如果<select>的寬度加上<span>的寬度比所述含<div>越大，<select>將被迫去而不是被它旁邊的<span>下方。另外，<select>的寬度依賴於它包含的文本，所以它可以有不同的寬度，除非您給它一個靜態寬度。

來源

2012-03-18 21:35:52 Joseph

你能張貼代碼在unselected-field因爲我能夠得到這個在Chrome http://jsfiddle.net/tVT67/

其實正常顯示，我甚至可以去除inline-block，它仍然有效http://jsfiddle.net/H3GDN/

來源

2012-03-18 21:34:24

我通常纏繞在輸入標籤：

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

來源

2012-03-18 21:36:20 SmithMart

不錯的提示。謝謝：） – thinkanotherone 2012-03-18 21:49:40

工作正常，我http://jsfiddle.net/KG9hL/1/

當然，除非該含div小號寬度小於label和select元件的組合寬度： http://jsfiddle.net/74bRX/

來源

2012-03-18 21:38:03 Turnip

一個選項將只是disable第一個選擇的選項：

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

來源

2014-09-30 12:11:42 tokhi

在下拉列表前添加一個文本標籤

回答

相關問題