textarea 在 jsfiddle 中填充表格单元格，但在实际应用程序中不填充答案

【问题标题】：textarea fills table cell in jsfiddle but not in real applicationtextarea 在 jsfiddle 中填充表格单元格，但在实际应用程序中不填充
【发布时间】：2012-12-23 14:15:07
【问题描述】：

这很奇怪，但是我有一个 jsfiddle，当用户单击“添加问题”按钮以附加表格行时，在附加行的“问题”列下，此文本区域的高度和宽度表格单元格可以填充表格单元格。

http://jsfiddle.net/LKB9e/12/

但问题是我的应用程序中有完全相同的代码，但在我的应用程序中，textarea 没有填充表格单元格。我的问题是为什么它在我的应用程序中不起作用？

application

我的应用程序中唯一不在小提琴中的代码是：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <title>Prepare Questions and Answers</title>
   <link rel="stylesheet" type="text/css" href="QandATableStyle4.css">
        <link rel="stylesheet" type="text/css" href="jquery/ui-lightness/jquery-ui-1.8.16.custom.css"/>
        <script type="text/javascript" src="jquery/jquery-1.7.min.js"></script>
        <script type="text/javascript" src="jquery/jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript" src="jquery/jquery.simplemodal.js"></script>
        <script type="text/javascript" src="jquery/basic.js"></script>

        <link rel="stylesheet" type="text/css" href="jquery/ui-lightness/jquery-ui-1.8.14.custom.css"/>
        <link rel="stylesheet" type="text/css" href="jquery/ui-lightness/basic.css"/>
        <link rel="stylesheet" type="text/css" href="jquery/ui-lightness/basic_ie.css"/>

【问题讨论】：

所以取出所有不在你的 JS Fiddle 中的东西，然后一个一个地添加回来，看看它什么时候坏了。确定导致问题的文件后，查看该/那些文件中的内容并进行调试。
@DavidThomas 我已经尝试过你所说的，但没有区别，除了当我删除其中一些行时 jquery 不起作用。但我意识到它适用于 safari 和 chrome 的应用程序，但不适用于 firefox 或 opera。为什么这些浏览器没有填充表格单元格？

标签： jquery html css

【解决方案1】：

jsfiddle 使用 css 重置来删除所有元素的边距和填充以及单元格间距以及许多其他调整。这是因为不同的浏览器为各种 css 属性设置了不同的默认值。

您似乎没有使用任何重置，因此您会看到默认的单元格填充以及单元格间距。谷歌术语CSS reset 或CSS normalize 会出现大量信息

【讨论】：

我意识到它适用于 safari 和 chrome 的应用程序，但不适用于 firefox 或 opera。为什么这些浏览器没有填充表格单元格？
我是否需要链接到第二个 css 样式表并在该页面中包含 css 重置代码？
我尝试在样式表中包含 css 重置代码，但仍然没有任何作用
你是否在所有其他 CSS 之前放置了重置？你用了什么重置？演示页面有多个版本的 jQueryUI css 加载并且似乎没有任何重置
我在 google 中输入了 reset css，点击了第一个链接，然后我将 css 代码复制到了我当前的 css 页面中

【解决方案2】：

在主页面上，去掉textarea的边框：

.textAreaQuestion { border: none; }

【讨论】：

这不会使文本区域变得更大更宽以填充表格单元格
当我检查这两个站点时，它们是相同的，因为文本字段已经被填充。除了在您的实时页面上，textarea 周围有一个 1 像素的边框，所以这就是我认为您正在尝试修复的问题。您遇到问题的浏览器是什么？你应该指定。
我意识到它适用于 safari 和 chrome 的应用程序，但不适用于 firefox 或 opera。为什么这些浏览器没有填充表格单元格？