Home/ Questions/Q 1104401
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-17T01:28:43+00:00

Without using any plugins, are there any built in function in jQuery or jQuery

  • 0

Without using any plugins, are there any built in function in jQuery or jQuery UI to achive the form field border highlighting effect that you see on sites like http://www.youtube.com ?

In YT when you click inside the search field the borders highlights blue.

I tried to achieve this using css and jquery addclass() function to give the input field that class when clicked in. BUT it’s just not the same, the effect in youtube looks a lot better than what can be done via css.

EDIT

Oops I forgot, I meant the border should be added only when the user clicks inside the field. And I was wondering if there is a non-css based method.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    By looking at the youtube source you can see that they’re using css, why complicate things with JS? :focus is supported in all major browswers. Here’s the source pulled from the youtube site (using firebug). 

    .search-form .search-term {
border:1px solid #666666;
height:1.38462em;
padding:4px 2px 1px;
width:22em;
}
.search-form .search-term:focus {
border:2px solid #BBDAFD;
margin-bottom:0;
margin-top:0;
padding-left:1px;
padding-right:1px;
}

    Double checked w/FF 3.x on linux and everything worked great.

    • 0