WebControl.CssClass Proprietà
Definizione
Importante
Alcune informazioni sono relative alla release non definitiva del prodotto, che potrebbe subire modifiche significative prima della release definitiva. Microsoft non riconosce alcuna garanzia, espressa o implicita, in merito alle informazioni qui fornite.
Ottiene o imposta la classe CSS (Cascading Style Sheet) sottoposta a rendering dal controllo server Web nel 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 StringValore della proprietà
Classe CSS sottoposta a rendering dal controllo server Web nel client. Il valore predefinito è Empty.
- Attributi
Esempio
Nell'esempio seguente viene illustrato come utilizzare la CssClass proprietà per modificare lo stile di un HyperLink controllo .
Annotazioni
L'esempio di codice seguente usa il modello di codice a file singolo e potrebbe non funzionare correttamente se copiato direttamente in un file code-behind. Questo esempio di codice deve essere copiato in un file di testo vuoto con estensione .aspx. Per altre informazioni sul modello di codice Web Form, vedere ASP.NET modello di codice della pagina Web Form.
<%@ 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>
Commenti
Utilizzare la CssClass proprietà per specificare la classe CSS di cui eseguire il rendering nel client per il controllo Server Web. Verrà eseguito il rendering di questa proprietà nei browser per tutti i controlli. Verrà sempre eseguito il rendering come attributo di classe, indipendentemente dal browser.
Importante
In questo esempio è presente una casella di testo che accetta l'input dell'utente, che rappresenta una potenziale minaccia per la sicurezza. Per impostazione predefinita, ASP.NET pagine Web verificare che l'input dell'utente non includa elementi SCRIPT o HTML. Per altre informazioni, vedere Cenni preliminari sugli exploit di script.
Si supponga, ad esempio, di avere la seguente dichiarazione di controllo server Web:
<asp:TextBox id="TextBox1" ForeColor="Red" CssClass="class1" />
Il rendering del codice HTML seguente viene eseguito nel client per la dichiarazione precedente del controllo server Web:
<input type=text class="class1" style="ForeColor:red">
Se si usano fogli di stile CSS (Cascading) per personalizzare l'aspetto di un controllo, utilizzare stili inline o un file CSS separato, ma non entrambi. L'uso di stili inline e di un file CSS separato può causare risultati imprevisti.
Annotazioni
Nei browser che non supportano CSS, l'impostazione della CssClass proprietà non avrà alcun effetto.
