从提交按钮中删除蓝色光晕

时间:2015-02-24 11:54:18

标签: html css forms internet-explorer button

我已经尝试过在这个网站和其他许多网站上找到的几个解决方案,但没有解决问题。我试过了 Outline:0;Outline:none;box-shadow:none;,尝试指定课程等等。

我创造了自己的时尚按钮,周围的蓝色光芒看起来非常难看。

我可以删除它也很重要,因为我正在创建一个多页表单(调查),每页下面有3个按钮,我不希望其中一个有蓝色轮廓。它们应该看起来都一样。

我离线工作后无法提供链接。

这是我的代码:

    a.button,
    input[type='reset'],
    input[type='button'],
    input[type='submit'],
    input[type='submit']:focus
     {
        -moz-border-radius: 2px;
        -moz-box-shadow: 1px 1px 2px 2px rgba(255, 255, 255, 0.1);
        -webkit-box-shadow: 1px 1px 2px 2px rgba(255, 255, 255, 0.1);
        -webkit-border-radius: 2px;
        background-color: #f9f9f9; /* Alabaster */
        background-image: -webkit-gradient(linear, left top, left bottom,                 from(#f9f9f9), to(#f1f1f1));
        background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1);
        background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
        background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1);
        background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
        background-image: linear-gradient(top, #f9f9f9, #f1f1f1);
        box-shadow: 1px 1px 2px 0px rgba(226, 226, 226, 0.8);
        border-radius: 5px; 
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px; 
        -o-border-radius: 5px;
        border: 1px solid #dddddd;
        color: #000000;
        cursor: pointer;
        display: inline-block;
        min-width: 100px;
        width: 120px;
        filter:         progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9,         endColorstr=#f1f1f1);
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        margin: 0;
        padding: 4px 0px;
        text-decoration: none;
        vertical-align: middle;
        white-space: nowrap;
        outline:transparent;
    }

    <span style="float:left;">
                                <span style="direction:rtl;float:left;margin-right:10px;">
                                    <input type="submit" name="_NNext" class="mrNext" style="width: 70px;" value="Volgende" alt="Volgende"></input>
                                    <input type="submit" name="_NPrev" class="mrPrev" style="width: 70px;" value="Vorige" alt="Vorige"></input>
                                </span>
                                <input type="submit" name="_NStop" class="mrStop" style="width: 70px;" value="Stop" alt="Stop"></input>
                            </span>

image

0 个答案:

没有答案