WebControl.CssClass Eigenschap
Definitie
Belangrijk
Bepaalde informatie heeft betrekking op een voorlopige productversie die aanzienlijk kan worden gewijzigd voordat deze wordt uitgebracht. Microsoft biedt geen enkele expliciete of impliciete garanties met betrekking tot de informatie die hier wordt verstrekt.
Hiermee wordt de CSS-klasse (Cascading Style Sheet) opgehaald of ingesteld die wordt weergegeven door het webserverbeheer op de client.
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 StringWaarde van eigenschap
De CSS-klasse die wordt weergegeven door het besturingselement webserver op de client. De standaardwaarde is Empty.
- Kenmerken
Voorbeelden
In het volgende voorbeeld ziet u hoe u de CssClass eigenschap gebruikt om de stijl van een HyperLink besturingselement te wijzigen.
Note
Het volgende codevoorbeeld maakt gebruik van het codemodel met één bestand en werkt mogelijk niet correct als deze rechtstreeks naar een codeachterstaand bestand wordt gekopieerd. Dit codevoorbeeld moet worden gekopieerd naar een leeg tekstbestand met een .aspx-extensie. Zie ASP.NET Web Forms Page Code Model voor meer informatie over het webformuliercodemodel.
<%@ 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>
Opmerkingen
Gebruik de CssClass eigenschap om de CSS-klasse op te geven die moet worden weergegeven op de client voor het webserverbesturingselement. Deze eigenschap wordt weergegeven in browsers voor alle besturingselementen. Het wordt altijd weergegeven als het klassekenmerk, ongeacht de browser.
Important
Dit voorbeeld heeft een tekstvak dat gebruikersinvoer accepteert. Dit is een mogelijke beveiligingsrisico. Standaard valideren ASP.NET webpagina's dat gebruikersinvoer geen script- of HTML-elementen bevat. Zie Overzicht van Script Exploits voor meer informatie.
Stel dat u de volgende declaratie voor webserverbeheer hebt:
<asp:TextBox id="TextBox1" ForeColor="Red" CssClass="class1" />
De volgende HTML wordt weergegeven op de client voor de vorige declaratie van webserverbesturing:
<input type=text class="class1" style="ForeColor:red">
Als u trapsgewijze opmaakmodellen (CSS) gebruikt om het uiterlijk van een besturingselement aan te passen, gebruikt u inlinestijlen of een afzonderlijk CSS-bestand, maar niet beide. Het gebruik van zowel inlinestijlen als een afzonderlijk CSS-bestand kan onverwachte resultaten veroorzaken.
Note
Voor browsers die geen CSS ondersteunen, heeft het instellen van de CssClass eigenschap geen effect.