Page 1 of 1

How to change the background color when it gets focus?

Posted: 01 Feb 2021, 18:18
by Yukiko Ikeo
Hello all,

aXes version: V4.1

Our customer want to change the background color of input field and textarea when it gets the focus.
It seems to be easy but I couldn't find how to do it because I'm not familiar with aXes.
I'd like to add the code as below, but can't find where to put them.

input:focus, textarea:focus {
background-color: #bde9ba;
}

Can anyone help us?

Thanks in advance.
Yukiko Ikeo

Re: How to change the background color when it gets focus?

Posted: 02 Feb 2021, 09:42
by Fairdinkum
Hi Ikeo-san,

Try the Application's style below.

name....... focusStyle (Example)
styleFor... HTML Element
htmlTag.... dummy, div#terminalContent input:focus, div#terminalContent textarea:focus
style...... {background-color: #bde9ba; background-image: none;}

Result will be something like the following video:
https://drive.google.com/file/d/1weiBlH ... sp=sharing

HTH!

Regards,
Hide (Hidekazu Tanaka)

Re: How to change the background color when it gets focus?

Posted: 02 Feb 2021, 12:52
by Yukiko Ikeo
Hi Tanaka-san,

Thank you for your reply.
I've tried and confirmed that it worked as expected.
Thank you very much!

Yukiko Ikeo