【问题标题】:Infrequent Firefox-only glitch: textarea shifted不常见的 Firefox 故障:textarea 转移
【发布时间】:2014-01-05 12:21:00
【问题描述】:

我在我的网站上遇到了这个奇怪的不常见且仅限 Firefox 的故障。

文本区域向左移动,但上面的输入仍然可以。问题是,这个问题不常见且不可预测 - 刷新页面后总是会解决。

html代码:

<form class='std_form' method='post' action='/kontakt-proceed/'>
<p><label for='kontakt_email'>Ihre E-Mail</label>
<input type='text' name='kontakt_email' id='kontakt_email'/></p>
<p><label for='kontakt_msg'>Ihre Nachricht</label>
<textarea name='kontakt_msg' id='kontakt_msg' rows='5' cols='4' class='noedit'>
</textarea>
</p>
<p><input type='submit' value='Abschicken'/></p>
</form>

还有css:

.footer_left{
width:35%;
float:left; 
color:white;
}
.footer_left label {display:block;margin-top:-3px;font-size:10px !important;}
.footer_left textarea {height:60px !important;width:240px !important;}
.footer_left input {width:240px !important;}
.footer_left p{margin-bottom:-13px;}

提前致谢!

编辑:问题似乎在完全刷新 (CTRL+F5) 后出现,但也很少出现。

【问题讨论】:

  • “noedit”在哪里?任何 JS 修改类?
  • noedit 仅用于 :not - tinymce 的选择器。

标签: javascript jquery html css firefox


【解决方案1】:

对于您的 Textarea,您必须设置此 css:

#kontakt_msg{
  position:absolute;
  left:30px;
}

.footer-left{
  position:relative;
}

【讨论】:

  • 如果问题是永久性的,那就可以了。如果我使用左边距,则文本区域总是向右移动。
  • 可以使用 position:absolute;left:30px;你可以看到你的文本在左边
  • 是的,但这会破坏页脚的其余部分。
  • 请在设置 position:absolute for kontakt_msg 之后设置 .footer_left{position:relative}
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-11-06
  • 2012-07-13
  • 2014-06-14
相关资源
最近更新 更多