風格ASP按鈕看起來像使用jQuery UI的

我不想叫.button（）在我的ASP jQuery的按鈕：按鈕，我只是想，如果可以從jQueryUI的添加一些類。風格ASP按鈕看起來像使用jQuery UI的

我想只需添加類ui-button到ASP：按鈕

<asp:button class="ui-button" runat="server" id="TrackRequestSearch" Text="Search" 
     onclick="TrackRequestSearch_Click"></asp:button>

但這不起作用。

任何想法？

來源

2011-04-20 kralco626

合適的alternitive是使用常規的HTML按鈕，不知何故開槍點擊方法在服務器端，但我不知道，可以輕鬆完成... – kralco626 2011-04-20 11:29:24

<asp:button class="ui-button-text-icon ui-button ui-widget 
    ui-state-default ui-corner-all ui-button-text-only" 
    runat="server" id="TrackRequestSearch" Text="Search" 
onclick="TrackRequestSearch_Click"></asp:button>

來源

2011-04-20 11:31:07 kralco626

這並不在懸停樣式按鈕添加然而;所以懸停必須是一個被添加的事件而不是一個css類。 – kralco626 2011-04-20 11:36:46

還是風格，當按鈕被點擊就此 – kralco626 2011-04-20 11:47:24

將CSS樣式ui-state-default ui-corner-all ui-button-text-only添加到您的按鈕。

來源

2011-04-20 11:33:15 Karthik

ui-button不會給它一個按鈕，看起來完全。看看什麼ui-button包含：

.ui-button { 
display: inline-block; 
position: relative; 
padding: 0; 
margin-right: .1em; 
text-decoration: none !important; 
cursor: pointer; 
text-align: center; 
zoom: 1; 
overflow: visible; 
}

爲了使一個jQuery風格的按鈕，你必須添加以下代碼行：

ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only

也將加載下面的CSS：http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css

來源

2011-04-20 11:34:25

你，我想這一點，但看到我對我的自我回答評論... – kralco626 2011-04-20 11:39:10

一下班正在上懸停加入？ – kralco626 2011-04-20 11:42:15

這是'的.ui狀態，hover'和'的.ui狀態，focus' – 2011-04-20 11:45:14

使用CssClass而不僅僅是class

來源

2011-04-20 11:45:46 kempsam

什麼是打算給我買？ – kralco626 2011-04-20 11:47:58

請參閱：http://www.w3schools.com/ASPNET/prop_webcontrol_style_cssclass.asp – kempsam 2011-04-20 12:01:20

添加foll由於腳本（或多個）

$(":submit").addClass('ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only'); // All buttons

或

$('#<%= button1.ClientID %>').addClass('ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only'); // My specific button

帽子到函數naveed上述用於所需要的真類提示。

來源

2013-07-26 15:54:45

風格ASP按鈕看起來像使用jQuery UI的

回答

相關問題