Orbeon Forms community mailing list

how to change the color of an input box or textarea when they are active.

Classic

List

Threaded

2 messages Options

ilango_g

how to change the color of an input box or textarea when they are active.

Hi
I would like to change the color of an input box or textarea when they are active.

The CSS I can use to accomplish this in HTML would be:
.input {
background-color: #656D78;
border: 1px solid #333333;
color: #cccccc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.input:focus {
background-color: #3D4D64;
border: 1px solid #333333;
color: #cccccc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

The HTML is:
<input type="text" class="input" />
<textarea class="input"></textarea>

How can I translate the same functionality in XForms.

thanks
ilango

Erik Bruchez

Re: how to change the color of an input box or textarea when they are active.

Administrator

Try:

.xforms-input input:focus { ... }

-Erik

On Jun 10, 2008, at 8:01 PM, ilango_g wrote:

>
> Hi
> I would like to change the color of an input box or textarea when
> they are
> active.
>
> The CSS I can use to accomplish this in HTML would be:
> .input {
> background-color: #656D78;
> border: 1px solid #333333;
> color: #cccccc;
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 10px;
> }
>
> .input:focus {
> background-color: #3D4D64;
> border: 1px solid #333333;
> color: #cccccc;
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 10px;
> }
>
> The HTML is:
> <input type="text" class="input" />
> <textarea class="input"></textarea>
>
> How can I translate the same functionality in XForms.
>
> thanks
> ilango
>
> --
> View this message in context: http://www.nabble.com/how-to-change-the-color-of-an-input-box-or-textarea-when-they-are-active.-tp17761282p17761282.html
> Sent from the ObjectWeb OPS - Users mailing list archive at
> Nabble.com.
>
>
> --
> You receive this message as a subscriber of the [hidden email]
> mailing list.
> To unsubscribe: mailto:[hidden email]
> For general help: mailto:[hidden email]?subject=help
> OW2 mailing lists service home page: http://www.ow2.org/wws

--
Orbeon Forms - Web Forms for the Enterprise Done the Right Way
http://www.orbeon.com/

--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws