1

我不知道为什么我看不到我的placeholder。

我正在使用 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: ...}，但这似乎也不起作用。知道为什么会这样吗？谢谢你。

[编辑]

我@placeholderText: #080808;在我的bootstrap_and_overrides.css文件中添加了，但这似乎也没有奏效。

4

2 回答 2

4

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

text_field_tag :start_time, nil, {placeholder: 'Start Date', class: 'pull-left input-small'}
于 2012-10-04T14:55:17.617 回答
0

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

这个问题和这篇博文也有一些很好的解决方法。

于 2012-10-04T14:46:48.310 回答