Как удалить границу таблицы из ячейки jqGrid

Question

Я использую библиотеку jQuery UI + CSS, а также jqGrid CSS для имеющегося у меня ASP GridView.Проблема, с которой я сталкиваюсь, заключается в том, что, если я добавлю <table> внутри моего <ItemTemplate>, я всегда получаю границу вокруг стола.

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

Я перепробовал все, что мог, чтобы избавиться от границы, но не могу.Я пробовал встроенный CSS и ничего не работает.Я даже пытался добавить следующее в CSS-файл jQuery UI (моя таблица называется 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