Change button color,when tab on it (Not mouse on it) RSS

• • Reply
  

  Jack Hunt

  Participant

  1266 Points

  709 Posts

  Change button color,when tab on it (Not mouse on it)

  Mar 02, 2012 04:10 AM|LINK

  i have one billing form and customer require ,he fill form using tab and when he is  on submit button he can not watch out that he  is on submit button so he want to change background color when his tab reach on submit button

  IF POST USEFUL THAN MARK AS ANSWER
  mit's Website
  
  Mitesh N Vaishnav
  
• • Reply
  

  Sum8

  Contributor

  4141 Points

  931 Posts

  Re: Change button color,when tab on it (Not mouse on it)

  Mar 02, 2012 04:18 AM|LINK

  Try this:

  @ ASPX

  <style>
  .BGColorChange:focus
  {
      background-color:Black;
  }
  </style>
  
  <asp:Button ID="Button1" runat="server" Text="Change BG Color on Focus" CssClass="BGColorChange" />

   

  
  Sumit Pathak
  ------------------
  ThisPost = Helped == True ? "Mark As Answer" : "Elaborate your problem in more details"
  
  • Marked as answer by Jack Hunt on Mar 02, 2012 04:26 AM
• • Reply
  

  Sum8

  Contributor

  4141 Points

  931 Posts

  Re: Change button color,when tab on it (Not mouse on it)

  Mar 02, 2012 04:21 AM|LINK

  For more details/options check out these links:

  http://www.cssdrive.com/index.php/examples/exampleitem/focus_pseudo_class/

  http://www.w3schools.com/cssref/sel_focus.asp

  
  Sumit Pathak
  ------------------
  ThisPost = Helped == True ? "Mark As Answer" : "Elaborate your problem in more details"
  
  • Marked as answer by Jack Hunt on Mar 02, 2012 04:26 AM
• • Reply
  

  Jack Hunt

  Participant

  1266 Points

  709 Posts

  Re: Change button color,when tab on it (Not mouse on it)

  Mar 02, 2012 04:27 AM|LINK

  thanku so much gys i needed it urgent thanks so much

  IF POST USEFUL THAN MARK AS ANSWER
  mit's Website
  
  Mitesh N Vaishnav
  
• • Reply
  

  Honnappa

  Participant

  1112 Points

  534 Posts

  Re: Change button color,when tab on it (Not mouse on it)

  Mar 02, 2012 04:39 AM|LINK

  You can write functio

  <style>
  .BGColorChange:focus
  {
      background-color:Black;
  }
   .BGColorRestore:focus
  {
      background-color:White;
  }
  </style>

  <asp:Button ID="Button1" runat="server" Text="Change BG Color on Focus" onmouseout="BGColorRestore" Onmouseover="BGColorChange" />

  All is Well !! hm30shettikera@gmail.com
  
  My Profile