image type d'entrée IE8 montre la frontière même, quand je mets la frontière sans pareil

Question

Je l'ai utilisé l'image de type d'entrée pour afficher mes boutons de style personnalisé, mais pour une raison IE8 montre la frontière même quand je mets en bordure CSS sans pareil. Dans d'autres navigateurs, il ne montre pas la frontière du tout.

input[type=image] {
    margin: 0px; 
    padding: 0px;
    border: none;
    border-width: 0px;
    border-style: none;
    background-color: none;
}

Answer 1

IE ne supporte pas ce sélecteur très cohérente dans mon expérience; donner à l'entrée d'une classe et le style avec cette place.

<input type="image" class="imageinput" name="whatever" />

input.imageinput {
    margin: 0px; 
    padding: 0px;
    border: none;
    background-color: none;
}

Answer 2

Utilisez la propriété CSS outline:

input[type="image"] {
    border: none;
    outline: none;
}

outline dessine une ligne autour de la marge de l'élément, sans contribuer à la largeur de l'élément, et IE8 dans ce cas peut avoir un aperçu par défaut spécifié. En savoir plus sur ce à W3Schools.

Answer 3

Tout d'abord merci d'avoir posé cette question. Je l'ai fait face à ce prob il y a un an, vous pouvez choisir la façon dont vous avez besoin, mais ce que je l'ai fait est tout simplement importé ce CSS comme point de départ de mon style.css et à cause de laquelle il ne me fournit une sortie indésirable

/* Reset CSS */

body, html {
    height:100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    margin:0;
    padding:0;
}
body {
    line-height:1;
}
ol, ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content:none;
}
:focus {
    outline:0;
}
del {
    text-decoration:line-through;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}

/* Floating & Alignment  */

.fl {
    float:left;
}
.fr {
    float:right;
}
.ac {
    text-align:center;
}
.ar {
    text-align:right;
}

/* Clear Floats  */

.col-full:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.fix {
    clear:both;
    height:1px;
    overflow:hidden;
    margin:-1px 0 0;
}
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
    background:none;
    border:0;
    clear:both;
    display:block;
    float:none;
    font-size:0;
    list-style:none;
    overflow:hidden;
    visibility:hidden;
    width:0;
    height:0;
    margin:0;
    padding:0;
}

Si vous gardez une habitude d'importer ce ne sera jamais css vous fournir une sortie indésirable dans un navigateur.

Merci!