[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

How to create highlight textbox like gmail did in his login page?

Posted on 2011-10-23
6
Medium Priority
?
572 Views
Last Modified: 2012-05-12
Experts,

How to create a highlight textbox with blue colors like gmail did in his login page? It appears in every browsers firefox, chrome, etc.

Thanks
0
Comment
Question by:jimmycdinata
  • 3
  • 3
6 Comments
 
LVL 9

Expert Comment

by:raysonlee
ID: 37016708
set the border color in CSS like:
  border-color:#4d90fe;
0
 
LVL 2

Author Comment

by:jimmycdinata
ID: 37022365
@raysonlee
I need the color when the textbox got focus only
0
 
LVL 9

Expert Comment

by:raysonlee
ID: 37028730
/* This is the CSS class to use when no focus is on the input control */
.input_text
{
   border:1px solid #c0c0c0;
   padding:4px;
   font-size:14px;
   color:#000000;
   background-color:#ffffff;
}
   
/* This is the CSS class to use when the control has focus */
.input_text:focus
{
   border-color:#4d90fe;
}
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
LVL 2

Accepted Solution

by:
jimmycdinata earned 0 total points
ID: 37029704
I found this:

http://twitter.github.com/bootstrap/javascript.html#

It is solvedmy problems.
0
 
LVL 2

Author Closing Comment

by:jimmycdinata
ID: 37055343
I found this:

http://twitter.github.com/bootstrap/javascript.html#

It is solved my problems.
0
 
LVL 9

Expert Comment

by:raysonlee
ID: 37030575
Glad you solved your problem. I'm sure there are many ways to get the same result.
Just want to clarify that my solution will work as well and don't need browser to turn on Javascript support.
0

Featured Post

[Webinar] Cloud and Mobile-First Strategy

Maybe you’ve fully adopted the cloud since the beginning. Or maybe you started with on-prem resources but are pursuing a “cloud and mobile first” strategy. Getting to that end state has its challenges. Discover how to build out a 100% cloud and mobile IT strategy in this webinar.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

872 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question