Как заставить пользовательские элементы управления знать о классах CSS в ASP.NET

Поскольку в asp.net нет разделов заголовков для пользовательских элементов управления, пользовательские элементы управления не имеют возможности узнать о файлах стилей. Таким образом, классы css в пользовательских элементах управления не распознаются визуальной студией и не вызывают предупреждения. Как я могу заставить пользовательский элемент управления знать, что он будет относиться к классу css, поэтому, если он предупреждает меня о несуществующем классе css, это означает, что класс действительно не существует?

Изменить: Или мне нужно использовать другой дизайн, например, выставлять классы css в качестве таких свойств, как "HeaderStyle-CssClass" GridView?

Ответ 1

Вот что я сделал:

<link rel="Stylesheet" type="text/css" href="Stylesheet.css" id="style" runat="server" visible="false" />

Он обманывает Visual Studio, думая, что вы добавили таблицу стилей на страницу, но она не отображается.

Вот еще более краткий способ сделать это с помощью нескольких ссылок;

<% if (false) { %>
    <link rel="Stylesheet" type="text/css" href="Stylesheet.css" />
    <script type="text/javascript" src="js/jquery-1.2.6.js" />
<% } %>

Как видно из этого сообщения в блоге от Фила Хаака.

Ответ 2

Добавьте стиль в свой usercontrol и импортируйте css в него.

 <%@ Control Language="vb" AutoEventWireup="false" CodeBehind="WCReportCalendar.ascx.vb"
Inherits="Intra.WCReportCalender" %>
 <style type='text/css'>    
      @import url("path of file.css");
       // This is how i used jqueryui css
      @import url("http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css");               

 </style>

 your html

Ответ 3

Если вы создаете составной UserControl, вы можете установить свойство CSSClass на дочерние элементы управления.

Если нет, тогда вам нужно выставить свойства, которые являются либо типами Style, либо (как я часто это делаю) строковыми свойствами, которые применить CSS к типу рендеринга (т.е. взять их свойства и добавить атрибут стиля в теги HTML при рендеринге).

Ответ 4

Вы можете использовать CSS прямо в userControl.

Используйте это в userControl:

 <head>
    <title></title> 
    <style type="text/css">
      .wrapper {
          margin: 0 auto -142px; 
         /* the bottom margin is the negative value of the footer height */ 
       }
    </style>
 </head>

Это будет работать.