单击IE中的“添加文件”时，会出现黑色虚线边框

Question

我正在使用＆＃34;输入type = file＆＃34;。可点击区域是整个td。

<td class="AttachOnMouseOutText" id="urlid" nowrap="nowrap" valign="top" onClick="return getURL();" return true;">
<input type="file" name="AttachLink"  style="position: absolute; outline:0; filter: progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0); opacity:0; width:70px; height:50px; cursor: hand; left:-25px;" title="Add File Attachment" onChange="getWeblink();">
<span>&nbsp;Add File</span>
</td>

当我点击添加文件时。它浏览文件，侧面出现黑色方形边框。它只发生在IE中。在Chrome上它运行正常。

Answer 1

尝试将以下内容添加到CSS中：

:active, :selected, :visited, :focus { 
    outline: none;
}

以上将'毯子'适用于所有元素，专门针对您的输入，您可以使用：

input[type=file]:active, 
input[type=file]:selected, 
input[type=file]:visited, 
input[type=file]:focus { 
    outline: none;
}