如何在用户控件中使用 CSS 类?

Posted

技术标签:

【中文标题】如何在用户控件中使用 CSS 类?【英文标题】:How to use CSS classes in user controls? 【发布时间】:2012-02-14 19:56:36 【问题描述】:

我创建了一个用户控件。我想在其中使用 CSS 类,但这里没有 CSS 工作。我尝试在母版页中注册 CSS,用户控件。但没有任何效果。

【问题讨论】:

您必须提供更多详细信息。您是否尝试过使用 FireBug 或类似工具在运行时查看 css 引用?使用特定于控件的 css 样式不应该付出太多努力。虽然我必须说我不鼓励你这样做。 yaa 我尝试过 firebug,但我创建的类显示为空白....但在我的样式表中存在具有某些属性的类 ***.com/q/34390/284240 你刷新缓存了吗(STRG+F5)? 好的,所以问题应该出在 css 文件中,或者在您用来引用它的方式上。你在标题部分注册它吗? 【参考方案1】:

当您的用户控件在包含页面中呈现时,您可以在其上使用 css,就像在您网站上的任何其他标签上一样。 您唯一需要做的就是将 css 文件添加到母版页的标题中。

在使用 css 选择器时,请记住用户控件上的控件 ID 不是您应该用作 css 选择器的那个。

fe.

<input type='text' id='txtName'/>

在您的用户控件中将呈现为类似

<input type='text' id='ctl00_phMain_MyUserControl_txtName' /> 

所以请确保您使用正确的 id 来应用您的样式或使用 class 标签

【讨论】:

ID 只会被服务器控件弄乱?他可以将 CssClass 属性用于服务器控件。

以上是关于如何在用户控件中使用 CSS 类?的主要内容,如果未能解决你的问题,请参考以下文章

如何让 Visual Studio 的设计器在 ASP.NET Web 用户控件中正确呈现 CSS?

如何在 ASP.NET 用户控件中指定 *.css 文件?

如何在一个 xaml 页面中使用多个用户控件?

用户控件中的内容

如何在两个项目共享的 xaml 文件中添加用户控件的引用

如何访问父类中的标签表单用户控件?