How do i remove a white border from a input button in html-CodePudding

.KassTv{
    position: absolute;
    top: -213px;
    left: -382px;
    display: inline-block;
    background-image: url("Images/KassTv.png");
}

    .KassTv:hover{
    background-image: url("Images/LitTv.png");
}

<form action="Home.htm">
    <input type="image" name="KassTv" class="KassTv" height="266" width="266" value="">
    </form>

This is my code. My button (which is an image) has a white border that I cant seem to remove. Any solutions are welcome.

CodePudding user response：

Add border: none; to the KassTv class.

CodePudding user response：

If you want to remove all borders then:

.KassTv{
    border: none;
    outline: none;
}

It will remove all the borders and all the outlines if the button has.

CodePudding user response：

.kassTv {border:none; outline: none }

Add above CSS code to the .kassTv