2015-06-05 19 views
-2

網站:http://allaboutfreight.co.uk/samedaycourier.php<select>選擇不顯示在Windows計算機上的問題

在此頁面上有在用戶輸入的集合地點和交貨地點,日期,然後挑選從下拉列表中選擇時的一種形式。

當用戶在除OSX計算機外的任何設備上選擇時間時,該選擇不顯示在框中。時間已被選擇,但用戶無法分辨是否有。

<select name="time" id="time" class="form-control"> 
    <option value="00:00">00:00</option> 
    ...     
    <option value="23:30">23:30</option> 
</select> 

我檢查了CSS並單獨禁用了每種樣式,但它仍然不顯示。

+1

我有一個Windows機器,我可以看到選擇下拉就好 – Andrew

+0

這是與特定的瀏覽器有問題,一操作系統真的會影響你的頁面樣式到這個範圍..你用Windows中的多個瀏覽器測試過嗎? – bbh

+0

@Andrew我只是自己檢查了一下,這不是關於下拉菜單沒有顯示,而是您點擊的任何內容都不會顯示在框中。它會保持空白。 (選擇本身是可行的,但它不能很好地顯示。)我用'$('#time')。val()'測試了它,並且它返回了我點擊的'6:30'。 –

回答

3

你輸入字段是小,嘗試下面,你會明白我的意思:

.form-control { 
    height: 60px; 
} 

我覺得70像素就足以使其可見。

0

其實,如果你通過你的引導CSS,你會發現,form-control類是有padding: 25px 19px;只是改變25px的不到6個像素您的問題將得到解決 而且還有你會看到佔位符爲你等領域

  1. 去(郵編)
  2. 來自(郵編)
  3. dd/mm/yyyy。

OR

可以覆蓋padding財產,這個設置爲零

相關問題