firefox - 使用 Zurb 的 Foundation 框架看不到文本框输入（仅限 Firefox）

Question

我在查看我在文本框中编写的输入时遇到问题。我正在使用 Zurb http://foundation.zurb.com/的 Foundation Framework

我在这里放了一个简单的版本http://mybookmarklet.herokuapp.com

（名称的小书签部分与此问题无关）

如果您在文本框中输入一些文本，然后单击“scrape”（使用 Firefox），您将看到问题 - 输入被警告，这是应该发生的。但是，实际上无法查看文本框中的文本。

有谁知道这是否可以修复？

PS。这实际上并不是在进行屏幕抓取——事后看来，scrape 这个词并不是最好的选择。

聚苯乙烯。使用 Firefox 20、Mac OS 10.6.8

Answer 1

您在文本框上应用了太多填充：

<input id="txt-scrape" type="text" style="padding:22px;" placeholder="http://">

您可以使文本框的高度更大62px（该值实际上将显示文本）或使您的填充更小，7px这是您可以根据您的样式应用的最大值。