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 для отрисовки на клиенте для элемента управления веб-сервера. Это свойство будет отображаться в браузерах для всех элементов управления. Он всегда будет отображаться в качестве атрибута класса независимо от браузера.
Это важно
В этом примере есть текстовое поле, которое принимает входные данные пользователя, которое является потенциальной угрозой безопасности. По умолчанию 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 свойства не будет влиять.
