WebControl.CssClass Eigenschaft
Definition
Wichtig
Einige Informationen beziehen sich auf Vorabversionen, die vor dem Release ggf. grundlegend überarbeitet werden. Microsoft übernimmt hinsichtlich der hier bereitgestellten Informationen keine Gewährleistungen, seien sie ausdrücklich oder konkludent.
Dient zum Abrufen oder Festlegen der Cascading StyleSheet (CSS)-Klasse, die vom Webserversteuerelement auf dem Client gerendert wird.
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 StringEigenschaftswert
Die CSS-Klasse, die vom Webserversteuerelement auf dem Client gerendert wird. Der Standardwert lautet Empty.
- Attribute
Beispiele
Im folgenden Beispiel wird veranschaulicht, wie die CssClass Eigenschaft verwendet wird, um die Formatvorlage eines HyperLink Steuerelements zu ändern.
Hinweis
Im folgenden Codebeispiel wird das Codemodell mit einer Datei verwendet und funktioniert möglicherweise nicht ordnungsgemäß, wenn es direkt in eine CodeBehind-Datei kopiert wird. Dieses Codebeispiel muss in eine leere Textdatei kopiert werden, die über eine .aspx Erweiterung verfügt. Weitere Informationen zum Web Forms-Codemodell finden Sie unter ASP.NET Web Forms Page Code Model.
<%@ 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>
Hinweise
Verwenden Sie die CssClass Eigenschaft, um die CSS-Klasse anzugeben, die auf dem Client für das Webserversteuerelement gerendert werden soll. Diese Eigenschaft wird in Browsern für alle Steuerelemente gerendert. Sie wird unabhängig vom Browser immer als Klassenattribute gerendert.
Von Bedeutung
In diesem Beispiel handelt es sich um ein Textfeld, das Benutzereingaben akzeptiert, bei denen es sich um eine potenzielle Sicherheitsrisiken handelt. Standardmäßig überprüfen ASP.NET Webseiten, dass die Benutzereingabe keine Skript- oder HTML-Elemente enthält. Weitere Informationen finden Sie unter Script Exploits Overview.
Angenommen, Sie haben die folgende Deklaration des Webserversteuerelements:
<asp:TextBox id="TextBox1" ForeColor="Red" CssClass="class1" />
Der folgende HTML-Code wird auf dem Client für die vorherige Deklaration des Webserversteuerelements gerendert:
<input type=text class="class1" style="ForeColor:red">
Wenn Sie Cascading Stylesheets (CSS) verwenden, um die Darstellung eines Steuerelements anzupassen, verwenden Sie entweder Inlineformatvorlagen oder eine separate CSS-Datei, aber nicht beide. Die Verwendung von Inlineformatvorlagen und einer separaten CSS-Datei kann zu unerwarteten Ergebnissen führen.
Hinweis
In Browsern, die CSS nicht unterstützen, hat das Festlegen der CssClass Eigenschaft keine Auswirkung.
