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;
       }