<select>选择未在Windows计算机上显示

时间:2015-06-05 08:34:03

标签: jquery html css twitter-bootstrap

有问题的网站:http://allaboutfreight.co.uk/samedaycourier.php 在此页面上有一个表单,用户输入收集位置和交货地点,日期,然后从下拉列表中选择一个时间。 当用户在除OSX计算机之外的任何设备上选择时间时,该选择不会显示在框中。已选择时间,但用户无法确定是否有。 &lt; select name =“time”id =“time”class =“form-control”&gt;     &lt; option value =“00:00”&gt; 00:00&lt; / option&gt;     ...     &lt; option value =“23:30”&gt; 23:30&lt; / option&gt; &LT; /选择&GT; 我已经检查了css并单独禁用了每种样式,但它仍然没有显示。

2 个答案:

答案 0 :(得分:3)

您的输入字段很小,请尝试以下操作,您将看到我的意思:

.form-control {
    height: 60px;
}

我认为70px足以让它可见。

答案 1 :(得分:0)

实际上如果你通过你的bootstrap css,你会发现form-control班级只有padding: 25px 19px;只需要将25px更改为小于6px就可以解决问题 此外,您将看到其他字段的占位符

  1. 至(邮政编码)
  2. 来自(邮政编码)
  3. 日/月/年。
  4. OR

    您可以覆盖padding属性并将其设置为零