如何从jqGrid单元格中删除表边框

Question

我正在使用jQuery UI库+CSS以及用于ASP GridView的jqGrid CSS。我遇到的问题是，如果我在<ItemTemplate>中添加一个<table>，我总是在表周围有一个边框。

http://dl.dropbox.com/u/6032362/Capture.PNG

我想尽一切办法摆脱边境，但我做不到。我尝试过内联CSS，但没有任何效果。我甚至尝试将以下内容添加到jQueryUICSS文件中（我的表名为controlTable）

.ui-widget-content table#controlTable { border: 9px solid red; }

它的工作原理是在桌子周围添加一个红色边框。但是细胞内部仍然有一条蓝线。

http://dl.dropbox.com/u/6032362/Capture2.PNG

你知道我能做些什么来摆脱它吗？

感谢

Answer 1

你知道css关键字!important吗？它用于强制覆盖以其他方式具有优先级的声明（css声明的优先级基于放置顺序和选择器的精度/特异性）；无论如何，试试这个：

.ui-widget-content table#controlTable td { border: 9px solid red !important; }

每当你的css顽固地不被应用时（因为其他东西覆盖了你的声明），试着在值之后，但在分号之前添加!important：

边框：9px实心红色！重要；

还要注意感叹号+1