如何隐藏表单上的轮廓

我必须设计一个其中包含输入的表单。我在输入上使用背景图像，因此它看起来像一个按钮。每次有人点击它时，它都会发送 $POST，这是我想要实现的行为。

但问题在于表格的轮廓。当我们单击表单时，会显示轮廓。虽然很小，但如果能让表单（或输入）失去轮廓那就太好了。

我使用Firefox 3.6 和flock 对其进行了测试。它们都显示了我想要避免的轮廓行为。

<div id="hdrRight">     
    <form name="input"  action="/home.html"  method="post" id="buttonform" >
        <input type="submit" value="" id="gohome" />
    </form>


#----- CSS part
#hdrRight {
    float:left; width:420px; 
    height:30px;  
    padding:0; 
    }

form#buttonform{
    background-color:transparent;
    border:none;
    clear:both;
    outline:none;
}

input#gohome{
    padding:0;
    margin:0;
    background-color:transparent;
    background-repeat:no-repeat;
    width:280px;
    height:60px;
    border:none;
    float:right;
    background-image: url('images/gohome.png');
    outline:none;
} 
input#gohome:hover  {
    background-image: url('images/gohome_hover.png');
    cursor:pointer;
    outline:none;
} 
  

您能解释一下为什么会发生这种情况以及如何隐藏轮廓吗？

将其插入网站的 CSS 文件中

form input
{
    border: none;
    outline: none;
}

并做了。

下列的删除虚线轮廓 http://css-tricks.com/removing-the-dotted-outline/:

这是默认样式 可访问性的目的。对于人们 没有使用鼠标的能力， 他们仍然需要一些视觉指示器 他们目前有一个活跃的链接 （例如，他们可以按 Enter 键 导航到该链接）。

在本地创建一个小测试页面后，我在 Chrome 中看到以下内容：

屏幕截图 http://img714.imageshack.us/img714/7445/googlechromescreensnapz.jpg http://img714.imageshack.us/img714/7445/googlechromescreensnapz.jpg

使用以下 CSS 代码（我添加了边框，以便可以看到表单的位置和按钮的位置，请注意 Lorem Ipsum 位于表单内部）：

#hdrRight {
        float:left; width:420px; 
        height:30px;  
        padding:0; 
        }

    form#buttonform{
        background-color:transparent;
        border:1px solid black;
        clear:both;
        outline:none;
    }

    input#gohome{
        padding:0;
        margin:0;
        background-color:transparent;
        background-repeat:no-repeat;
        width:280px;
        height:60px;
        border:1px solid black;
        float:right;
        background-image: url('images/gohome.png');
        outline:none;
    } 
    input#gohome:hover  {
        background-image: url('images/gohome_hover.png');
        cursor:pointer;
        border: 1px solid blue;
        outline:none;
    }