Question
1
Replies
156
Views
BOA
Posted: 1 year ago
Last activity: 1 year 9 months ago
Close(x) icon for password field or obfuscated text input field
Close(x) icon is not displaying for password field or text input field with obfuscated yes. I used userwork form to display close icon for text input control with below code, but same is not working for password field and obfuscated text input field.
<style>
input[type=text]::-ms-clear { color: black; display: block !important; }
</style>
pega version - 7.1.8
Any help on this?
***Edited by Moderator: Pallavi to update platform capability tags***
Posted: 1 year ago
There's a handful of issues with this approach. Not sure if you've considered these points, but... the "-ms-clear" pseudo-element is not a standard directive. It is IE only.
Ref: https://developer.mozilla.org/en-US/docs/Web/CSS/::-ms-clear
Also, you've only targeted text type input fields, so your implementation would never take effect on a password (or other input fields for that matter) field.
However, I do not believe targeting password fields as well (e.g. input[type=password]::-ms-clear ...) will work, as browsers will handle password fields specially in their own way. I believe most will typically override this behavior anyways.