【问题标题】:Bootstrap Placeholder field doesn't work?引导占位符字段不起作用?
【发布时间】:2015-01-30 16:51:26
【问题描述】:

我在输入字段上使用占位符属性,就像在我的 Bootstrap 示例中那样,但它没有出现在我的元素中。我错过了什么吗?是否有一些我缺少的文档类型?我使用它就像在 Boostrap 的示例中一样,看似一个简单的属性,但没有任何显示。

<!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>

【问题讨论】:

  • 这可能是一个愚蠢的问题,但你是否添加了引导 css 文件?
  • 不是一个愚蠢的问题,是的,页面上的其他所有内容看起来都很好。
  • 不显示在任何浏览器上?你在测试哪些?似乎很多人对旧 IE 浏览器上的占位符有疑问。
  • 其中任何一个 - FF11、最新的 Chrome、IE9。但它显示在 Bootstrap 演示页面上。这就是为什么我认为这可能是一个文档类型问题?
  • @bluedevil2k 对我来说很好用,您可以发布指向您网站的链接或将您的代码移植到 jsfiddle.net 以便我们看看吗?

标签: html twitter-bootstrap


【解决方案1】:

像往常一样责怪我的愚蠢 - 我使用的是其中一个“可下载的 Bootstrap 主题”,而这个特定的主题将占位符设置为#ffffff,并将输入的背景设置为#ffffff。

【讨论】:

  • 我遇到了同样的问题,但是当我检查主题时,占位符颜色设置为#ffffff。 :D,谢谢
猜你喜欢
  • 2016-10-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-09-28
  • 2014-03-04
  • 2015-03-24
  • 2017-06-29
相关资源
最近更新 更多