SWF 업로드 버튼에서 점선으로 표시된 윤곽선을 제거하십시오.

Firefox에 표시된 Uploadify SWF 버튼에서 점선으로 표시된 테두리/테두리를 제거하는 데 큰 문제가 있습니다.SWF 업로드 버튼에서 점선으로 표시된 윤곽선을 제거하십시오.

enter image description here

나는에 uploadify 객체 & 버튼 CSS 설정을 시도했다 : 나는 또한 여전히 Uploadify의 onDialogOpen 콜백 함수만을 사용하여 다른 요소에 초점을 시도

:focus { outline:none; } 
::moz-focus-inner { border:none; }

이 성가신 윤곽을 어떻게 없앨 수 있습니까?

내 Uploadify CSS :

.uploadify { 
    position:relative; margin-top:10px; outline:none; 
} 
.uploadify-button { 
    color:#0CF; font-size:12px; text-align: center; border-top:solid 1px #CCC; border-left:solid 1px #CCC; 
    border-right:solid 1px #CCC; margin-bottom:0 !important; outline:none; 
} 
.uploadify:hover .uploadify-button { 
    text-decoration:underline; 
} 
.uploadify-button.disabled { 
    background-color:#D0D0D0; color:#808080; 
}

내 Uploadify JS :

$('#file_upload').uploadify({ 
    'buttonText'  : 'Select Files', 
    'width'    : 90, 
    'removeCompleted' : false, 
    'fileSizeLimit'  : '5MB', 
    'formData'   : {'article_id': <? echo $article_id ?>, 'admin_id': '<? echo $_SESSION['admin_id'] ?>', 'referrer': 'Blog Setup'}, 
    'swf'    : 'uploadify/uploadify.swf', 
    'uploader'   : 'uploadify/uploadify.php', 
    'onUploadStart'  : function() { 
     $('#photos_option_loading').show(); 
    }, 
    'onQueueComplete' : function() { 
     $('#photos_option_loading').hide(); 
    }, 
    'onUploadError'  : function(file, errorCode, errorMsg, errorString) { 
     alert('The file ' + file.name + ' could not be uploaded: ' + errorString); 
    } 
});

내 Uploadify HTML :

<input type="file" name="file_upload" id="file_upload">

출처

2012-10-01 ShadowStorm

이것은 브라우저 수준에 존재하는 기능입니다. 당신이 이것에 대해 할 수있는 일은 많지 않습니다.

출처

2012-10-01 18:30:37

SWF 업로드 버튼에서 점선으로 표시된 윤곽선을 제거하십시오.

답변

관련 문제