Question

自Chrome上次更新以来，我遇到了一个奇怪的问题。

我有一个搜索字段，通过单击搜索按钮触发，一旦点击，文本字段将通过jQuery聚焦。

在Chrome最近更新之前，所有内容都是桃色的，但现在容器顶部会显示哔哔文字指示符而不是它应该出现的位置，这种情况仅在Chrome上次更新后才会发生。

看看附上的照片，看看我在说什么。

http://i.stack.imgur.com/deWmJ.jpg - 在Chrome上

http://i.stack.imgur.com/io316.jpg - 如何在Firefox上查看（并在更新前查看）

PS。我需要10＆＃34;声望点＆＃34;发布图片？

＆＃13;

#mt-search-top-overlay {
  z-index: 101;
  display: none;
  position: absolute;
  right: 0;
  left: 0;
  background: rgba(39, 39, 39, .90);
}
#header .container {
  position: relative;
}
.searchform {
  margin: 0;
  padding: 0 10px 0 10px;
}
.mt-search-top-close {
  float: right;
  color: #999;
  margin: 17px 0 0 0;
  font-size: 16px;
  overflow: hidden;
  text-align: center;
}
#mt-search-top-overlay p {
  padding: 0 42px 0 0;
  margin: 0;
}
#mt-search-top-overlay input[type=text] {
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: 100%;
  line-height: 60px;
  height: 60px;
  font-size: 26px;
  font-style: italic;
  color: #999;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#mt-search-top-overlay input[type=text]:focus {
 outline: 0;
}

＆＃13;

<div id="mt-search-top-overlay" style="display: block;">
  <div class="container">
    <form method="get" class="searchform clearfix">
      <div class="mt-search-top-close"><i class="fa fa-times"></i>
      </div>
      <p>
        <input type="text" class="searchfield nooutline" name="s" autocomplete="off" placeholder="Search...">
      </p>
    </form>
  </div>
</div>

＆＃13;

Answer 1

我在最新的Google Chrome浏览器中遇到了同样的问题，我解决了将line-height设置为1或normal的问题。

文本字段指示器仅在Chrome中处于非现场状态

1 个答案: