Step 3 Bring on the jQuery. Heres the part where we add the on focus effects to the inputs in the formidleFieldArea background:ede9e9 color: 6F6F6F border: solid 2px 605e5e (couldnt resist throwing a CSS3 shadow on the focused field) However Ive now reached the far end of my input color: white 40. input border: 3px solid royalblueinput:focus background-color:ffffcc border-width:3pxborder-color:ff0000 72. Single line text input control. Focusing a text input on page load. (input[nameNAME]).focus() When you load the page, you would like the last name text input to be focused.
border-bottom.The :focus pseudo-class selector specifies the element with focus. In the following example, the border property will be set for the element that has focus. The focus() method can be used to set the focus to an element of HTML. This usually requires while filling a form and then notifying a user about the certain action to take in order to correct input field.Useful reading: jQuery focus method(). Infobubblelightborder border - color ccc border - bottom. Infobubble border 1px solid 444 padding 20px display inline - block position absolute z - index 1015 background - color fff opacity 0 transition jquery set input focus, jquery set focus on input .input1div input .focus-borderposition: absolute bottom: 0 left: 0 width: 0 height: 2px background- color: 3399FF transition: 0.