Javascript jqgrid寻呼机插入新网站时失去良好风格

几年前，我在Joomla 1.6站点上用jqGrid包构建了一个定制组件。我正在迁移到一个新的Joomla 3.3站点。正在发生的是，网格的寻呼机丢失了一些样式。旧站点如下所示：

新站点的外观如下所示：

你可以看到第二台的传呼机坏了。脚本有点过时，但我已将它们保存在服务器上，并且它们在两个站点上的文件是相同的：

<link rel="stylesheet" type="text/css" media="screen" href="/CSS/custom-theme/jquery-ui-1.8.15.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/CSS/ui.jqgrid.css" />

<script src="/JavaScript/jquery-1.7.1.js" type="text/javascript"></script>
<script src="/JavaScript/jquery-ui-1.8.16.custom.js" type="text/javascript"></script>
<script src="/JavaScript/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="/JavaScript/jquery.jqGrid.src.js" type="text/javascript"></script>
<script src="/JavaScript/jquery.timepicker.js" type="text/javascript"></script>

所以我认为新Joomla网站的CSS肯定有问题。只是希望有人能想出一些解决问题的办法

我试过这个方法：，看起来方向是对的，但并没有把一切都清理干净。由于样式在旧站点上正常工作，我只想确定哪些是过度编写或取消了我想要的样式，但我不确定如何找到它

---

谢谢

首先，在Joomla之外运行脚本，以确保javascript没有问题（例如，不要复制所有代码）

如果它能在Joomla之外工作，那么我将首先安装Firefox的Firebug。您可以使用它来检查单个页面元素上的css。这将允许您比较寻呼机上更改的样式以及这些样式的设置位置。如果Joomla的风格凌驾于你的之上，这应该会出现

最后，将页面另存为html并逐个删除Joomla方面，直到它开始工作。例如，如果您删除了指向模板样式表的链接并开始工作，那么问题很可能在那里找到。

这是众所周知的问题（请参见示例）。jqGrid在寻呼机或选择框上指定的CSS规则不够精确。因此，其他一些CSS规则可以应用于寻呼机元素并更改其样式

为了解决这个问题，我建议您在页面上添加一些额外的CSS规则。我建议您使用

.ui jqgrid.ui pg table.ui pg input

指定寻呼机输入样式，并使用

.ui jqgrid.ui pg table.ui pg selbox

进行选择。例如，您可以尝试以下方法

.ui-jqgrid .ui-pg-table .ui-pg-input, .ui-jqgrid .ui-pg-table .ui-pg-selbox {
    height: auto;
    width: auto;
    line-height: inherit;
    padding: 1px;
    font-weight: normal;
    font-size: 11px;
    margin: 1px;
}

---

很好，有时候只需要听别人的例行公事。我将尝试一下。再一次，Oleg是有史以来最高的jqGrid大师！非常感谢@杰弗瑞：我很高兴能帮助你。不客气！