How to customize login widget
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
02-04-2024 08:37 PM
Hi everyone, I want customize login widget.
However, When I use placeholder selector it not working
input::placeholder {
color: #ffffff !important;
border: none !important;
}
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
02-05-2024 03:17 AM
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]
****************************************************************************************************************
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
02-05-2024 05:31 PM
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;
}