index.md

---

title: ":-moz-drag-over"
slug: Web/CSS/:-moz-drag-over
page-type: css-pseudo-class
status:
  - non-standard
browser-compat: css.selectors:-moz-drag-over

---

{{CSSRef}}{{Non-standard_header}}

The :-moz-drag-over CSS pseudo-class is a Mozilla extension that matches an element when a {{domxref("HTMLElement/dragover_event", "dragover")}} event is called on it.

Syntax

:-moz-drag-over {
  /* ... */
}

Examples

HTML

<table border="1">
  <tr>
    <td width="100px" height="100px">Drag Over</td>
  </tr>
</table>

CSS

td:-moz-drag-over {
  color: red;
}

Result

{{EmbedLiveSample("Examples")}}

Specifications

Not part of any standard.

Browser compatibility

{{Compat}}

See also

• Mozilla CSS extensions

• HTML drag and drop