訪問Css的Asp：按鈕

所以我想我的網站上的所有按鈕看起來都一樣，我需要爲他們編輯一個CSS文件。訪問Css的Asp：按鈕

我只是想知道如何訪問名爲-asp:button的所有控件的CSS樣式。

即， Button { Font-size: 10px; }或#Button { Font-size: 10px; }

到目前爲止這是行不通的。

2011-09-28 joncodo

「命名」？這是按鈕的'name =「」'屬性，它是類，它是ID還是什麼？此外，使用類似Firebug或Chrome的DOM檢查器來查看生成的HTML看起來像什麼，並從那裏基於您的選擇器。你應該嘗試一個小寫的'button'選擇器 - 看看是否有效。 – Bojangles

大多數較新的瀏覽器都支持屬性選擇，所以你可以不喜歡

input[type="submit"] { 
    //styles here 
}

儘管如其他人所建議的那樣，您可以通過應用課程來獲得更好的全方位支持。

來源

2011-09-28 18:43:16

這將只適用於CSS3兼容的瀏覽器，這仍然是Web用戶羣的一小部分。 – Terry

@TerryR屬性選擇器從CSS 2.1開始，實際上支持非常廣泛。參考：http://www.quirksmode.org/css/contents.html –

我很抱歉，很高興知道。只是一個說明：我認爲IE7＆8需要一個！DOCTYPE來設置它的工作。 – Terry

你可以在你的ASP inclue CSS class：按鈕的代碼給他們一個類，並控制自己的風格：

<asp:button CssClass="mybuttons" />

然後你就可以使用這個類來樣式的按鈕：

.mybuttons{ 
font-size:10px; 
}

如果你有更多的不是ASP.NET生成的按鈕，那麼這個類只適用於ASP.NET生成的按鈕，而不適用於其他按鈕。

來源

2011-09-28 18:35:49 Mohsen

這是我知道要做的肯定。我想在任何地方設置CSS的任何按鈕，而不設置CSS類 – joncodo

只是你不能這樣做。因爲ASP呈現asp元素到HTML元素。所以在最後，asp按鈕和實體HTML按鈕之間沒有區別。 – Mohsen

但是，如果你想申請一個類到任何ASP按鈕，你可以在你的母版頁代碼後面執行它。\ – Mohsen

在.NET中，您需要爲按鈕提供一個CSS類。如果你把它稱爲「Button1的」，例如，你的CSS聲明將是：

.Button1 { 
    ... 
}

來源

2011-09-28 18:36:22

ASP.NET Button控件呈現爲：

<input type="submit">

你需要給他們一個CSS類的名字，你可以控制你的css文件。

在服務器端代碼：

myButton.CssClass = "myClass"

或ASPX標記：

<asp:Button CssClass="myClass" runat="server" ... />

CSS：

.myClass { width: 100px }

編輯在看到您的評論：

要修改所有按鈕網站你需要使用JavaScript，jQuery庫在這方面非常有效。如果你正在使用jQuery你就只有這個腳本您的主頁上：

$(document).ready(function() 
{ 
    // Select all "input" controls with the type of "submit" and add your class to them 
    $(input[type="submit"]).addClass('myClass'); 
});

來源

2011-09-28 18:36:43 Terry

有沒有辦法做到這一點沒有按鈕上的CSS類。類似於通過#table – joncodo

設置表格的css，這是可以肯定的，我知道這個解決方案。我只是想使用Css – joncodo

input {background-color：＃666699; }將給所有輸入指定背景顏色。 –

的ASP按鈕的HTML渲染爲類型的輸入=「提交」 ...你可以通過訪問所有的按鈕INPUT，但當然也有其他投入，以及...

input { 
font-weight: bold; 
font-size: larger; 
background-color: Red;

}

來源

2011-09-28 18:37:45

我可以做＃輸入提交{css here？} – joncodo

不幸的是沒有... –

訪問Css的Asp：按鈕

回答

相關問題