Bootstrap占位符字段无法正常工作？

Question

Bootstrap占位符字段无法正常工作？

4

我正在使用input字段上的placeholder属性，就像Bootstrap示例中那样，但它却没有出现在我的任何元素中。我错过了什么吗？我漏掉了某些文档类型吗？我按照Bootstrap中的示例使用它，看起来是一个简单的属性，但什么也没有显示。

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">

            <form class="form-search">
                <input type="text" class="input-medium search-query" placeholder="Search by Tag">
                <button type="submit" class="btn btn-primary">Search</button>
            </form>

- bluedevil2k

在任何浏览器上都没有显示？你用哪些浏览器进行测试？似乎很多人在旧版IE浏览器上使用占位符时会遇到问题。 - AwDogsGo2Heaven

任何一个 - FF11，最新的 Chrome，IE9。但它显示在 Bootstrap 演示页面上。这就是为什么我认为可能是 doctype 问题的原因？ - bluedevil2k

也许你可以尝试移除条件doctype部分，然后测试看看是否能在其中任何一个中工作？在我看来，你的doctype看起来非常合法。 - AwDogsGo2Heaven

1

@bluedevil2k 对我来说很好用，你能否发布你的网站链接或将你的代码移植到 http://jsfiddle.net，这样我们就可以看一下？ - Andres Ilich

@bluedevil2k 发布您的结果作为答案并批准它，以帮助未来遇到相同问题的用户。 - Andres Ilich

显示剩余4条评论

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- bluedevil2k · Accepted Answer

像往常一样，我的愚蠢应该为此负责 - 我使用了一个可下载的 Bootstrap 主题，而这个特定的主题把占位符设为 #ffffff，而输入框的背景也设为 #ffffff。