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

Question

我正在使用jQuery UI库+ CSS以及用于ASP GridView的jqGrid CSS。我遇到的问题是，如果我在<table>内添加<ItemTemplate>，我总会在桌子周围找到边框。

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

我已经尝试了一切我能想到的摆脱边界而我不能。我尝试过内联CSS，但没有任何工作。我甚至尝试将以下内容添加到jQuery UI CSS文件中（我的表名为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，但在分号之前：

border：9px solid red ！important ;

还要注意惊叹号！ 1