Question

如何将jQuery UI buttons style用于ASP.NET按钮？我怎么能用我的皮肤或其他方式做到这一点？

Answer 1

您是否可以尝试使用按钮的CssClass属性并将其设置为该按钮的相关Jquery CSS类？

这可能会起作用 - 您可以验证正确的Jquery类是什么并更新

<asp:Button ID="btnEnter" runat="server" Text="Jquery Asp Button" CssClass="ui-button ui-widget" />

编辑：

现在想到这一点，但是因为Asp按钮导致了，如果你的目标是页面上的所有提交按钮

<input type="submit" name="btnEnter" value="Click me!" id="btnEnter">

你可以使用一些Jquery来选择类型等于submit的所有输入并一次性应用Jquery CSS类。

我认为它会是这样的（语法未经验证）

$(":submit").addClass('ui-button ui-widget');

Answer 2

asp.net按钮与普通按钮不同。为它设计风格最好的方法是：

<asp:button runat="server" ID="btnAspNet">Click me</asp:button>

从jQuery

中的asp.net按钮获取正确的ID

var btn = $('[id$=btnAspNet]');

从jQuery UI添加样式

btn.addClass('Ui class name');

Answer 3

请记住，所有asp.net按钮都呈现为提交，因此请添加以下脚本：

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

或

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

Answer 4

在JavaScript中，添加按钮类：

<script> 
    $(document).on('ready', function () {
        document.getElementById('<%=btnCreate.ClientID%>').className = 'btn disabled';
    });
</script>

在JavaScript中，删除按钮类

<script> 
    $(document).on('ready', function () {
        document.getElementById('<%=btnCreate.ClientID%>').className = '';
    });
</script>

在ASP.NET CodeBehind中：

<asp:Button ID="btnCreate" runat="server" Text="Create Account"
    Class="btn disabled" OnClick="btnCreate_Click" />

ASP.NET按钮的jQuery UI按钮样式

4 个答案: