使用C＃代碼選擇CSS樣式（ASP.net）

我在我的Default.aspx頁面中的嵌入式CSS中有兩個類。如果需要，我可以將代碼轉移到外部CSS。使用C＃代碼選擇CSS樣式（ASP.net）

我可以在C＃中創建一個代碼，點擊一個按鈕後，我可以在我的表格的兩種樣式之間進行選擇嗎？我對ASP和C＃很陌生。

我的課（嵌入式）：

.tftable 
    { 
     background-color: Blue; 
     font-size: 12px; 
     color: #333333; 
     margin: 0px; 
     padding: 0px; 
     width: 100%; 
     border-width: 1px; 
     border-color: #729ea5; 
     border-collapse: collapse; 
    } 

    .CSSTable 
    { 
     background-color: Gray; 
     margin: 0px; 
     padding: 0px; 
     width: 100%; /*Fits the <div>*/ 
     box-shadow: 10px 10px 5px #888888; 

    }

所以單擊1個按鈕後，我的表類會選擇「tftable」，另一個按鈕將選擇「CSS」表類。

問候

來源

2014-03-19 Programming Dreamer

你想在服務器端或客戶端做出這個簡單的CSS類更改嗎？你需要執行任何邏輯onclick按鈕在服務器或只是想改變這個CSS類？ –

服務器端，通過C＃代碼單擊按鈕。 –

它不是C＃代碼，也就是javascript代碼

添加有ID的風格鏈接如下

<link href="css/style1.css" type="text/css" rel="stylesheet" id="stylesheet" />

然後創建一個JavaScript函數來更改CSS文件

function changeStyle(name){ 
    if(name=='style1') 
     document.getElementById('stylesheet').href='css/style1.css'; 
    else if(name=='style2') 
     document.getElementById('stylesheet').href='css/style2.css'; 
    else if(name=='style3') 
     document.getElementById('stylesheet').href='css/style3.css'; 
}

在您的按鈕中調用該功能

<ul> 
<li><a href="javascript:changeStyle('style1')">Style1</a></li> 
<li><a href="javascript:changeStyle('style2')">Style2</a></li> 
<li><a href="javascript:changeStyle('style3')">Style3</a></li> 
</ul>

參考

http://www.qualitycodes.com/tipdemos/javascript/dynamic-css/ http://www.qualitycodes.com/tip/14/dynamically-choosingchanging-a-css-file.html

來源

2014-03-19 08:40:34

希望你要使用相同的CSS文件的兩種風格，如果是這樣嘗試一次。

protected void Button1_Click(object sender, EventArgs e) 
{ 
    myTable.Attributes.Add("class", "tftable"); 
} 

protected void Button2_Click(object sender, EventArgs e) 
{ 
    myTable.Attributes.Add("class", "CSSTable"); 
}

來源

2014-03-19 15:26:05

我想你的意思是使用'class'屬性 – freefaller

只有'myTable.Attributes（「style」）= xxx'也會更簡單。在將它添加回去之前，您不需要將其刪除 – freefaller

是的，謝謝@freefaller –

使用C＃代碼選擇CSS樣式（ASP.net）

回答

相關問題