【问题标题】:Firefox <input> acting shadyFirefox <input> 行为阴暗
【发布时间】:2014-10-10 08:00:18
【问题描述】:
<div class="intend"><input class="Name" placeholder="Name"></div>
<div class="intend"><input class="Surname" placeholder="Surname"></div>
<div class="intend"><input class="Company" placeholder="Company"></div>
<div class="intend"><input class="Position" placeholder="Position"></div>
<div class="intend"><input class="Street" placeholder="Street"></div>
<div class="intend"><input class="Street2" placeholder="Street2"></div>
<div class="intend"><input class="Zip" placeholder="Zip"></div>
<div class="intend"><input class="City" placeholder="City"></div>
<div class="intend"><input class="Country" placeholder="Country"></div>
<div class="intend"><input class="Tel" placeholder="Tel"></div>
<div class="intend"><input class="Fax" placeholder="Fax"></div>
<div class="intend"><input class="Email" placeholder="Email"></div>
<div class="intend"><input class="ArtistName" placeholder="ArtistName"></div>
<div class="intend"><input class="Web" placeholder="Web"></div>
<div class="intend"><input class="Skype" placeholder="Skype"></div>
<div class="intend"><input class="Twitter" placeholder="Twitter"></div>
<div class="intend"><input class="Instagram" placeholder="Instagram"></div>
<div class="intend"><input class="Facebook" placeholder="Facebook"></div>

我试图在

中复制问题

JSFIDDLE http://jsfiddle.net/TRNCFRMCN/LLwz4s2q/2/

但无济于事。

当您转到https://liebdich.biz 并向下滚动到“电子邮件”(或使用导航)时,您会在登录下方找到输入块。当你鼠标悬停时,你有一个突出的效果。但是检查员也一样,这是在做黑幕。

输入顶部有一个热点区域,输入中间下方有一个热点区域。

这是什么?

【问题讨论】:

  • 您的 HTML 可以使用一些 type="text"s
  • @DJDavid98 尝试(y)。
  • @DJDavid98: type 属性是可选的,如果不存在则默认为text
  • @DJDavid98 无济于事。
  • 你应该先去验证你的 HTML,这是一团糟:validator.w3.org/check?uri=https://liebdich.biz

标签: html css firefox


【解决方案1】:

这是一个

CSS

top: 59px;

问题。

我在登录和&lt;input&gt;s 之间放置了一个分隔符&lt;div&gt;,它正在工作。

https://liebdich.biz

【讨论】:

  • 永远不要使用间隔 div。这充其量只是一个 hack,并不能解决任何问题。
  • @Rob 我还能做什么?可惜我无法在 JSFIDDLE 中复制该问题。 :( 现在一切正常。那么,间隔 div 到底有什么不好?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-07-22
  • 2020-08-26
  • 1970-01-01
  • 2018-02-05
  • 2014-01-14
  • 1970-01-01
相关资源
最近更新 更多