htmlcssimageimagespan

HTML/CSS Remove Border (or Outline) from Image loaded in SPAN with CSS

I need to remove border/outline ( I don't know what exactly is ) from an image loaded in Span using CSS.

This is the HTML code:

<div> <span class="BG"><img class="EU"></span> </div>

And this is the CSS:

.BG{
     background-color: #017b5b!important;  
     display:block;
}

.EU{
        background-image: url('http://bet.dn1.it/images/broker.png');
        background-position: -190px -362px;
        width: 189px;
        height: 50px;                
        display:block;
        margin:0 auto;

}

You can find the example here: JsFiddle

Thank you very much to support.

Ciao

Solution

  • Since you are using background-image, change the html element. You can use a span for example.

    JSFIDDLE

    https://jsfiddle.net/3vwjc26t/

    <div>
<span class="BG"><span class="EU"></span></span>
                </div>