Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

How to customize login widget

Le Son
Tera Contributor

Hi everyone, I want customize login widget.

However, When I use placeholder selector  it not working

input::placeholder {
    color: #ffffff !important;
    border: none !important;
}

 

2 REPLIES 2

Dr Atul G- LNG
Tera Patron
Tera Patron

Hi @Le Son 

 

Did you check OOTB Login page, that will you a baseline.

*************************************************************************************************************
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.

Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]

****************************************************************************************************************

I just want edit css off default login page. I tested on private instance, all is ok.

However, When I test on UAT, The text color of the placeholder attribute cannot be changed, it remains the default color. This is code:

HTML:

            <input id="password" placeholder="Password" name="password" ng-keypress="c.message = ''"
ng-click="c.message = ''" class="login_input"
type="password" ng-model="c.password" />

CSS:

       .login_input::-webkit-input-placeholder {
            color: white !important;
       }