使用 rails 和 bootstrap 时不显示占位符文本答案

【问题标题】：Placeholder text is not showing when using rails and bootstrap使用 rails 和 bootstrap 时不显示占位符文本
【发布时间】：2012-09-25 15:15:18
【问题描述】：

我不知道为什么我看不到我的占位符。

我正在使用 Rails 和 Bootstrap 生成代码：

= form_tag activity_path(@activity), method: :get do
  = text_field_tag :start_time," ", {placeholder: 'Start Date', class: 'pull-left input-small'}
  = text_field_tag :end_time," ", {placeholder: 'End Date', class: 'pull-left input-small'}
  %span.btn= submit_tag 'Show custom dates', class: 'btn'

这里是生成的代码：

<input class="pull-left input-small" id="start_time" name="start_time" placeholder="Start Date" type="text" value=" " />

<input class="pull-left input-small" id="end_time" name="end_time" placeholder="End Date" type="text" value=" " />

问题是我看不到占位符。我尝试将其设置为不同的颜色input[placeholder] { color: ...}，但这似乎也不起作用。知道为什么会这样吗？谢谢。

[编辑]

我在我的 bootstrap_and_overrides.css 文件中添加了@placeholderText: #080808;，但这似乎也不起作用。

【问题讨论】：

标签： css ruby-on-rails ruby twitter-bootstrap placeholder

【解决方案1】：

您将两个字段的值都设置为“”，删除它，将两者都设置为 nil

text_field_tag :start_time, nil, {placeholder: 'Start Date', class: 'pull-left input-small'}

【讨论】：

谢谢！那不是我很聪明哈哈：D

【解决方案2】：

可能是您的浏览器。据我所知，IE（9 及以下）和 Opera 尚不支持 placeholder 属性。 Firefox 3.7+ 和 Chrome/Safari 4.0+ 应该支持它。

question 和blog post 也有一些很好的解决方法。

【讨论】：

我正在使用 chrome 和 firefox 对其进行测试，但它们都不起作用......似乎无法弄清楚为什么......我认为这可能与引导程序有关。我想我必须从 bootstrap_and_overrides.css 覆盖字体。不知道我做错了什么。