Ajax Control Toolkit Управление календарем CSS

Question

Я использую элемент управления всплывающим календарем AJAX Control Toolkit в сетке данных. Когда он находится в нижнем колонтитуле, он выглядит хорошо. Когда он находится на стороне редактирования сетки данных, он наследует стиль от сетки данных и выглядит совершенно иначе (т.е. слишком большой).

Есть ли способ изменить CSS, чтобы он не наследовал стиль от сетки данных?

Answer 1

Открыть страницу в Firefox. Однако сначала загрузите расширение firebug. Затем щелкните правой кнопкой мыши на версии-нарушителе и перейдите вниз, чтобы проверить элемент.

Firebug потрясающий, потому что он позволяет вам перемещаться по CSS любого элемента. У вас есть два варианта здесь:

1) Присвойте верхнему элементу класс css и работайте так. или же Если это не вариант, вы можете использовать firebug, чтобы получить xpath к нарушающему элементу. Xpaths выглядят как тело / таблица / tr / td / table / tr [2]

что вы хотите сделать с этим в css это

body table tr td table tr {
    /*css goes here */

}

Вариант 1 определенно лучший выбор. Вариант 2 более грязный способ получить вещи сделано, когда такие вещи, как asp.net не позволяют нам получить точный контроль, который мы хотим.

Было бы здорово, если бы вы использовали пастбин и разместили ссылку на html вашей страницы.

Answer 2

Вот ссылка для вставки:

http://pastebin.com/m17d99f8a

Я использую таблицу стилей для сетки, которую я получил из блога Мэтта Берсета, расположенного здесь: http://mattberseth.com/blog/2007/10/a_yui_datatable_styled_gridvie.html

Я использую аналогичную таблицу стилей для календаря, для которой больше не могу найти ссылку.

Answer 3

Он использует стиль из сетки, потому что он в нем. Если вы хотите изменить его стиль, измените стиль элемента управления. Что ты хочешь от этого?