Question

如何实现不同的按钮样式点击时按钮获得焦点，当焦点失去焦点时。

我需要在jquery中执行此操作。

Answer 1

您可以添加css，下面是提供的示例。

<asp:Button id="btntemp" runat="server" CssClass="btnclass"></asp:Button>

并在您的css中添加此内容

.btnclass {color: #FFFFFF;}
.btnclass:hover { color: #3b3b3b; text-decoration:none; }
.btnclass:active { color: #3b3b3b; }

Answer 2

您可以更改各种活动的样式，例如：

$(document).ready(function() {
  $("#yourInputId").focus(function() {
     $(this).css("color", "red"); //or something else
  });
  //similarly
  $("#yourInputId").blur(function() {
  //do accordingly
});

Answer 3

为什么不将按钮转换为jQuery UI按钮？ jQuery UI将自动处理这个问题。您必须为此包含jQueryUI脚本。一旦包含，您将能够获得如下所需的行为：

ASP代码：

<asp:Button id="btnID" runat="server"></asp:Button>

jQuery代码：

$(document).ready(function() {
   $("#btnID").button();
});

在焦点，点击和正常需要不同的按钮样式

3 个答案: