Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated

How to change background-color of login area's input field?

6 years 5 months ago
Licenses:
JomSocial Active

Hello. Can you please give me a hint how to change background-color of this input field (at default frontend login form)?



I can see only:

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: rgb(250, 255, 189);
background-image: none;
color: rgb(0, 0, 0);
}


Thanks.


Sorry for my English
Attachments:
6 years 5 months ago
  • Dimas's Avatar
  • Dimas
  • Visitor
  • Thank you received: 0
Licenses:

Hi,

You cant change it, that is from autofill css, which is default from our browser itself.

thank you!

6 years 5 months ago
Licenses:
JomSocial Active

Try:

.joms-input--append .joms-input[type="text"], .joms-input--append .joms-input[type="password"] {
     background-color: black;
}
Replace black with whatever you need.

6 years 5 months ago
Licenses:
JomSocial Active

Thanks, Vladimir. I added "!important;" for it, turned OFF cachse, cleared it, but I can see black color only for half second while page is loading. After dull page loads it replases by yellow background. :(



Updated:
It display black if field is empty.


But if select saved password from dropdown list, it become yellow:


Adding ":focus", "hover", "active" doesn't help.


Sorry for my English
Attachments:
6 years 5 months ago
Licenses:
JomSocial Active

Do you have url of that page that can be accessed by public?

6 years 5 months ago
Licenses:
JomSocial Active

Sorry for my English
6 years 5 months ago
Licenses:
JomSocial Active

With web inspect changed:
.joms-input--append .joms-input[type="text"],
.joms-input--append .joms-input[type="password"] {
background-color: red;
background: red;
}
and it works, and does not change on focus, hover or any other action from user. Even did not have to use !important. It does use some cached file ( crimson-land.ru/media/plg_jchoptimize/ca...a19f41fceac3fc_0.css ) but that should not be the issue here. It works with background or background-color. If you do experience changes on mouse action then some javascript is messing you around. Disable cache, detect which css does load that style last and change it. Enable cache. Should work.

6 years 5 months ago
  • Dimas's Avatar
  • Dimas
  • Visitor
  • Thank you received: 0
Licenses:

Hi,

That is auto fill background, which its coming from browser itself, I already tried and it cant be changed, even you put important tag on that field directly..


Dont worry, that is only happens on your end.. wont effect to your own stylesheet :)

thank you!

Attachments:
Moderators: Piotr Garasiński
Powered by Kunena Forum

Join 180,000 websites creating Amazing communities

JomSocial is the most complete, easy-to-use addon that turns Joomla CMS into a
full -fledged, social networking site

TRY NOW BUY NOW