WebControl.CssClass Свойство
Определение
Важно!
Некоторые сведения относятся к предварительной версии продукта, в которую до выпуска могут быть внесены существенные изменения. Майкрософт не предоставляет никаких гарантий, явных или подразумеваемых, относительно приведенных здесь сведений.
Возвращает или задает класс каскадных листов стилей (CSS), преобразовываемый для просмотра в серверном веб-элементе управления на клиентском компьютере.
public:
virtual property System::String ^ CssClass { System::String ^ get(); void set(System::String ^ value); };[System.ComponentModel.Bindable(true)]
public virtual string CssClass { get; set; }public virtual string CssClass { get; set; }[<System.ComponentModel.Bindable(true)>]
member this.CssClass : string with get, setmember this.CssClass : string with get, setPublic Overridable Property CssClass As StringЗначение свойства
Класс CSS, преобразовываемый для просмотра в серверном веб-элементе управления на клиентском компьютере. Значение по умолчанию — Empty.
- Атрибуты
Примеры
В следующем примере показано, как использовать CssClass свойство для изменения стиля HyperLink элемента управления .
Примечание
В следующем примере кода используется однофайловая модель кода, и при копировании непосредственно в файл кода программной части может работать неправильно. Этот пример кода необходимо скопировать в пустой текстовый файл с расширением .aspx. Дополнительные сведения о модели кода веб-форм см. в разделе модель кода веб-форм ASP.NET.
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
void Button1_Click(object sender, EventArgs e)
{
if (HyperLink1.CssClass == "CssStyle1")
HyperLink1.CssClass = "CssStyle2";
else
HyperLink1.CssClass = "CssStyle1";
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head2" runat="server">
<title>CssClass Property Example</title>
<style type="text/css">
.CssStyle1
{
font: 10pt Verdana;
font-weight:700;
color: Green;
}
.CssStyle2
{
font: 15pt Times;
font-weight:250;
color: Blue;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<h3>CssClass Property of a Web Control</h3>
<asp:HyperLink id="HyperLink1"
NavigateUrl="http://www.microsoft.com"
CssClass="CssClass1"
Text="Click here to go to the Microsoft site"
Target="_new" runat="server" />
<p><asp:Button id="Button1"
Text="Click to change the CSS style of the link"
OnClick="Button1_Click" runat="server" />
</p>
</div>
</form>
</body>
</html>
<%@ Page Language="VB" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs)
If HyperLink1.CssClass = "CssStyle1" Then
HyperLink1.CssClass = "CssStyle2"
Else
HyperLink1.CssClass = "CssStyle1"
End If
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head2" runat="server">
<title>CssClass Property Example</title>
<style type="text/css">
.CssStyle1
{
font: 10pt Verdana;
font-weight:700;
color: Green;
}
.CssStyle2
{
font: 15pt Times;
font-weight:250;
color: Blue;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<h3>CssClass Property of a Web Control</h3>
<asp:HyperLink id="HyperLink1"
NavigateUrl="http://www.microsoft.com"
CssClass="CssClass1"
Text="Click here to go to the Microsoft site"
Target="_new" runat="server" />
<p><asp:Button id="Button1"
Text="Click to change the CSS style of the link"
OnClick="Button1_Click" runat="server" />
</p>
</div>
</form>
</body>
</html>
<html>
<head>
<style>
.CssStyle1
{
font: 12pt verdana;
font-weight:700;
color:orange;
}
.CssStyle2
{
font: 15pt times;
font-weight:250;
color:blue;
}
</style>
<script language="C#" runat="server">
void Button1_Click(Object sender, EventArgs e) {
HyperLink1.CssClass=((HyperLink1.CssClass=="CssStyle1")?"CssStyle2":"CssStyle1");
}
</script>
</head>
<body>
<h3><font face="Verdana">CssClass Property of a Web Control</font></h3>
<form runat="server">
<asp:HyperLink id="HyperLink1" NavigateUrl="http://www.microsoft.com"
CssClass="spanstyle" Text="Click here to go to the Microsoft site"
Target="_new" runat="server"/>
<p>
<asp:Button id="Button1" Text="Click to change the Css style of the above link"
OnClick="Button1_Click" runat="server"/>
</form>
</body>
</html>
Комментарии
Используйте свойство , CssClass чтобы указать класс CSS для отрисовки на клиенте для элемента управления Web Server. Это свойство будет отображаться в браузерах для всех элементов управления. Он всегда будет отображаться как атрибут класса, независимо от браузера.
Важно!
В этом примере имеется текстовое поле, принимающее вводимые пользователем данные, что является потенциальной угрозой безопасности. По умолчанию данные, вводимые пользователем на веб-страницах ASP.NET, проверяются на наличие скриптов и HTML-элементов. Дополнительные сведения см. в разделе Общие сведения об использовании сценариев.
Например, предположим, что у вас есть следующее объявление элемента управления веб-сервера:
<asp:TextBox id="TextBox1" ForeColor="Red" CssClass="class1" />
Следующий HTML-код отображается на клиенте для предыдущего объявления веб-серверного элемента управления:
<input type=text class="class1" style="ForeColor:red">
Если вы используете каскадные таблицы стилей (CSS) для настройки внешнего вида элемента управления, используйте встроенные стили или отдельный CSS-файл, но не оба. Использование встроенных стилей и отдельного CSS-файла может привести к непредвиденным результатам.
Примечание
В браузерах, которые не поддерживают CSS, установка CssClass свойства не будет действовать.
