Ajax控件工具包Calendar控件CSS

时间:2020-03-05 18:53:48  来源:igfitidea点击:

我在datagrid中使用AJAX控件工具包弹出日历控件。当它在页脚中时,看起来不错。当它位于数据网格的编辑端时,它是从数据网格继承样式,并且看起来完全不同(即太大)。

有没有一种方法可以更改CSS,以使其不继承数据网格的样式?

解决方案

回答

它使用网格中的样式,因为它在其中。如果要更改其样式,请更改控件的样式。我们想要它做什么?

回答

在Firefox中打开页面。但是,首先,下载firebug扩展。然后,右键单击有问题的版本,然后向下检查元素。

Firebug非常棒,因为它使我们可以导航任何元素的css。我们在这里有两个选择:

1)为最上面的元素分配一个css类,然后以这种方式工作。
或者
如果这不是一个选择,则可以使用firebug将xpath获取到有问题的元素。
Xpaths看起来像body / table / tr / td / table / tr [2]

我们要在CSS中执行的操作是

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

}

选项1绝对是更好的选择。选项2更像是一种肮脏的东西
当诸如asp.net之类的事情无法让我们获得想要的精细控制时,就可以完成此操作。

如果我们使用pastebin并将链接发布到渲染页面的html上,那将真的很棒。

回答

这是pastebin链接:

http://pastebin.com/m17d99f8a

我正在使用从Matt Berseth的博客(位于此处)获得的网格样式表:
http://mattberseth.com/blog/2007/10/a_yui_datatable_styled_gridvie.html

我正在为日历使用类似的样式表,但现在找不到该链接。