ファイルをドラッグすると境界線の色が変わるファイル ドロップ エフェクトを作成しています。
#upload-photo {
height: 150px;
text-align: center;
line-height: 150px;
font-size: 18px;
border-radius: 3px 3px 3px 3px;
border-style: dashed;
border:4px dashed #c0c0c0;
}
.upload-photo-border {
border:4px solid #999;
}
HTML コード:
<div id="upload-photo">Drop photo here to upload.</div>
jQuery コード
.............
dragOver: function() {
// user dragging files over #dropzone
$("#upload-photo").addClass("upload-photo-border");
$('#upload-photo').css('width', '100px');
},
..........
必要なクラスを追加しても、境界線の色は変わりません。何か間違ったことをしているかどうかはわかりません。