1

Firefoxに表示されているUploadifySWFボタンから点線のフォーカスアウトライン/境界線を削除するのに大きな問題があります。

ここに画像の説明を入力してください

uploadifyオブジェクトとボタンCSSを次のように設定してみました：

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

Uploadifyのコールバック関数を使用して別の要素に焦点を合わせようとしましonDialogOpenたが、それでも何も起こりません。

この厄介なアウトラインを取り除くにはどうすればよいですか？

私のUploadifyCSS：

.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;
}

私のUploadifyJS：

$('#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);
    }
});

私のUploadifyHTML：

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

1 に答える 1

0

これは、ブラウザ レベルに存在する機能です。これについてできることはあまりありません。

于 2012-10-01T18:30:37.927 に答える