Question

5
Replies
150
Views
Roberta Caldas (RobertaC7275)
Greenfield AG

Greenfield AG
DE
RobertaC7275 Member since 2019 3 posts
Greenfield AG
Posted: September 17, 2019
Last activity: September 30, 2019
Posted: 17 Sep 2019 3:03 EDT
Last activity: 30 Sep 2019 14:43 EDT
Closed
Solved

Custom CSS Overriden in IE

We have a requirement to configure all checkboxes of an application in black color. We have customized the CSS and saved the sheet to included styles within the Skin. The change can be identified in Chrome and Firefox, however it gets ignored/overriden in IE. The customer has IE as standard browser. How could we force the change?

Until now I have tried the following:

/* custom checkbox style */

input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
background-image: url('webwb/checkbox_unchecked.png') !important;
background-size: 26px !important;
background-repeat: no-repeat !important;
background-position: 99% 50% !important;
width: 26px !important;
height: 26px !important;
}

input[type="checkbox"]:checked {
background-image: url('webwb/checkbox_checked.png') !important;
}

input[type="checkbox"]:disabled {
opacity: 0.5;
}

The selected image holds the color we wish.

***Moderator Edit-Vidyaranjan: Updated Platform Capability***

***Edited by Moderator Marissa to update SR Details***

User Experience Support Case Exists
Moderation Team has archived post, This thread is closed to future replies. Content and links will no longer be updated. If you have the same/similar Question, please write a new Question.