vb.org Archive - How do you set the background color for an input box in focus? [Search]

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)

- - How do you set the background color for an input box in focus? [Search] (https://vborg.vbsupport.ru/showthread.php?t=284415)

AshenTemper

06-14-2012 02:56 PM

How do you set the background color for an input box in focus? [Search]

1 Attachment(s)

Here is the image showing the issue:

https://vborg.vbsupport.ru/attachmen...1&d=1339689387

You can see which box is in focus (it is the one in white). I adjusted the color of these using the following in additional.css:

Code:

.textbox, textarea, select {

    background-color: #1A1A1A;

    border: 1px solid #5B5B5B;

    color: #CCCCCC;

}

Which works great except for when the box is in focus (ie, active and the mouse is in it ready for input data). I've tried a variety of things such as:

Code:

input:focus { background: pink; }

.textbox:focus { background: pink; }

.textarea:focus { background: pink; }

.select:focus { background: pink; }

But none of them have worked. Any idea on how I can change this to be a different color when in focus?

cellarius

06-16-2012 08:54 AM

Code:

.formcontrols .blockrow input.textbox:focus {

    background: red;

}

Use firebug to find out what css definition is needed.

AshenTemper

06-16-2012 02:14 PM

Quote:

Originally Posted by cellarius (Post 2339997)

Code:

.formcontrols .blockrow input.textbox:focus {

    background: red;

}

Use firebug to find out what css definition is needed.

Ahh, I am using Chrome's Web Tools which is pretty close to the same but, for the life of me, I just couldn't figure that out. Thanks, I owe you one (it works perfectly).

cellarius

06-16-2012 04:37 PM

Quote:

Originally Posted by AshenTemper (Post 2340064)

Ahh, I am using Chrome's Web Tools which is pretty close to the same

I'm using Chrome for browsing, but for stuff like that I never miss to fire up my firefox just for the full version of firebug. It may be that I'm better used to it, but I never found Chrome's Web Tools came close enough.

Quote:

Thanks, I owe you one (it works perfectly).

Nah, not for that. But if you insist and I ever get around to Texas... :D

All times are GMT. The time now is 10:30 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01057 seconds Memory Usage 1,718KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (4)bbcode_code_printable (3)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (4)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: