删除对象标签周围的白色边框

Question

I'm currently looking for a way to remove a thin white border around the object tag... heres the code and what I have tried

  .hr-ob { background-color: #003262; width: 50px; height: 10px; border: none; outline: none; border-width: 0; padding: 0; margin: 0; } 

  <div style="background-color: #000000;"> <object border="0" class="hr-ob" data="" type="image/jpg"></object> </div> 

Answer 1

Johnathan's solution was still flawed as I was still getting a border, nevertheless wanted to share the solution I am using now:

<iframe class="hr-ob" width="50" height="5" scrolling="no" frameborder="0"></iframe>

.hr-ob {
    background-color: #003262;
    width: 50px;
    height: 5px;
}

Answer 2

Since you have mentioned the type as image/png and the data field is empty there seems to be a default internal-root-color that is appearing.

but when you place an image there is no border.

The border attribute of <object> is not supported in HTML5. Use CSS instead.

CSS syntax: <object style="border:0px">

 .hr-ob { background-color: #003262; height:100px; width:100px; } 

 <div style="background-color: #000000;"> <object style="border:0px;" class="hr-ob" data="https://dummyimage.com/600x400/4550ed/fff" type="image/jpg"></object> </div> <div style="background-color: #000000;"> <object style="border:0px;" class="hr-ob" data="" type="image/jpg"></object> </div>