我有以下html:
<div class="drop_window">
<input class="drop_target" type="file" class="crop locale" size="800" />
<div class="file_name">{{ video.original_file_name }}</div>
</div>
要让 drop_window 在悬停时改变颜色,我可以这样做:
.drop_window:hover {
background: #F5FFF5;
}
但是,如果我尝试将文件拖到该 drop_window 中,它不会改变颜色。我将如何做到这一点,类似于 Gmail 的文件拖放功能?
这是我目前拥有的一个示例:http: //jsfiddle.net/5MjGS/