Closed
How to style a UI Element based on Test ID or tour ID within HTML rule
Hi Team
i need to style a particular UI Checkbox tickmark background color which is in circumstanced section. Im not able to do that in CSS or skin format.
How can i style this element based on TEST ID of it , what is the code i should apply to change the background color of tickmar in checkbox???
Posted: 4 years ago
Updated: 4 years ago
Updated: 15 Sep 2020 15:33 EDT
Pegasystems Inc.
US
Hi KiranC34
You can use [data-test-id="yourTestIdHere"] in UserWorkForm or another stylesheet in your application. Below is an example showing how to change the background color of a checkbox based only on the data-test-id attribute, in both checked and unchecked states. This is just a very simple example. You'll likely want to inspect the OOTB checkbox in devtools so that you can identify and utilize any of the styling/background you wish to keep.
<style>
[data-test-id="testIDtest123"] {
background:blue !important;
}
[data-test-id="testIDtest123"]:checked {
background:black !important;
}
</style>