'Remove border from object element in IE11

I can't remove inset borders from object elements in IE11. They don't appear in any other browser or version of IE as far as I can tell. See the attached screenshot. Setting border as an attribute or inline style doesn't work... any ideas?

screenshot

htmlinternet-explorerinternet-explorer-11


Solution 1:[1]

Add border-style: none; to your css for that div.

Solution 2:[2]

I had this issue with object images which were loading over script. The object data attribute wasn't defined so it was putting this border around the object. Adding a 1x1px blank image as the data attribute made it happy.

Solution 3:[3]

Have you tried:

border-width:none or -webkit-border-before: unset;

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Damian Silva
Solution 2 Stu
Solution 3 whodastack

Related Questions