添加佔位符文本以選擇輸入 - firefox

我無法獲取在Firefox中顯示的選擇下拉式輸入的佔位符文本。它在IE和Chrome中運行正常。添加佔位符文本以選擇輸入 - firefox

我的CSS：

select option:first-child {color: #666666;display: none;}

我的HTML：

<select name="exp_date" id="exp_date" style="width: 50%; display: inline; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-right: none; cursor: pointer;" class="form-control" title="Enter Expiration Date - Month"> 
    <option selected="" value="" label="Month"> 
    </option><option value="01" label="1">1 
    </option><option value="02" label="2">2 
    </option><option value="03" label="3">3 
    ... 
</select>

它的外觀鍍鉻

它的外觀在Firefox

來源

2017-09-26 JEP

請發表[MCVE] – j08691

能否請您共享代碼，這將有助於瞭解編輯添加代碼問題 –

。對不起， – JEP

您可以添加在下面的格式月份值選項它將作爲佔位符，它會在Chrome worki以及Firefox瀏覽器。

<select name="exp_date" id="exp_date" style="width: 50%; display: inline; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-right: none; cursor: pointer;" class="form-control" title="Enter Expiration Date - Month"> 
     <option value="" selected disabled hidden>Month</option> 
     </option><option value="01" label="1">1 
     </option><option value="02" label="2">2 
     </option><option value="03" label="3">3 
     ... 
    </select>

來源

2017-09-26 16:44:34

感謝deja和mahip_j。你的回答都很完美！ – JEP

我相信select上的佔位符不支持Mozilla。相反，您可以添加一個帶有選定屬性的空值選項。例如，

<option selected="selected" disabled hidden>Month</option>

來源

2017-09-26 16:12:08 Deja

上打開，感謝deja和mahip_j。您的答覆都完美奏效 – JEP

添加佔位符文本以選擇輸入 - firefox

回答

相關問題