221
Views
7
Comments
[Silk UI Web] ie css not working in outystem.
Question
silk-ui-web
Web icon
Forge asset by OutSystems

hi all, 

I write some css for ie 10 n 11 browser, but it is not working for outystem web pages.

below is my css 


SyntaxEditor Code Snippet

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
  
    .AccordionVertical___icon{
         margin-top:-23px !important;
    }
}

 Plz help me if u have any solution.

My target ie browser is 10 n 11.

2024-12-04 07-24-25
Amol

Hello Bharat, 

If you could help us with any temp URL, then we can check it easily.

UserImage.jpg
bharat koshti

Amol Tupe wrote:

hey hi amol,

sorry to say but I may not be able to share the url of webpage. but here I used the above css media queries for ie 10 n 11.

if u have any solution plz let me know.

Hello Bharat, 

If you could help us with any temp URL, then we can check it easily.



2024-12-04 07-24-25
Amol

bharat koshti wrote:

Amol Tupe wrote:

hey hi amol,

sorry to say but I may not be able to share the url of webpage. but here I used the above css media queries for ie 10 n 11.

if u have any solution plz let me know.

Hello Bharat, 

If you could help us with any temp URL, then we can check it easily.



Can you add : display: -ms-inline-flexbox;

.AccordionVertical___icon{
         margin-top:-23px !important;
         display: -ms-inline-flexbox;
    }
2024-12-04 07-24-25
Amol

Amol Tupe wrote:

bharat koshti wrote:

Amol Tupe wrote:

hey hi amol,

sorry to say but I may not be able to share the url of webpage. but here I used the above css media queries for ie 10 n 11.

if u have any solution plz let me know.

Hello Bharat, 

If you could help us with any temp URL, then we can check it easily.



Can you add : display: -ms-inline-flexbox;

.AccordionVertical___icon{
         margin-top:-23px !important;
         display: -ms-inline-flexbox;
    }


What about this Bharat?

2021-02-26 15-02-11
Dinis Carvalho
Staff

Hi bharat, it seems like you're trying to apply a margin-top to an element that has "table-cell" as a display property value.

In order to achieve what you want, you'll need to change the display to something like "block" and you'll not need the "!important".

E.g.

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
    .AccordionVertical___icon{
        display: block;     
        margin-top:-23px;
    }
}
UserImage.jpg
bharat koshti

hi Dinis Carvalho,

thanks for the reply,

I tried this but if I checked this into ie (version 11), while inspect element , I could not find the media queries css for internet explorer, which I mentioned above. so I thought it does not accept this css lines for ie. need to try something different.

UserImage.jpg
bharat koshti

@Amol Tupe

hi amol,

thanks for ur reply but this is also not working man...


Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.