用于拖放的 CSS 游标:扩展兼容性
在设计涉及拖放功能的 Web 应用程序时,提供以下功能至关重要:跨不同浏览器的一致且直观的用户体验。虽然 Mozilla 的 -moz-grab 和 -moz-grabbing 光标非常适合在 Firefox 中指示拖动开始和拖动操作,但问题仍然是:其他浏览器是否有等效的光标?
确保跨浏览器兼容性,请考虑使用以下 CSS 代码:
<code class="css">.grabbable { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } /* (Optional) Apply a "closed-hand" cursor during drag operation. */ .grabbable:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; }</code>
在此代码中,浏览器应用最广泛支持的光标(“移动”)作为不支持抓取光标时的后备。包含 -moz-grab 和 -webkit-grab 光标是为了分别与 Mozilla 和基于 WebKit 的浏览器(例如 Chrome 和 Safari)兼容。
以上是是否存在与“-moz-grab”和“-moz-grabbing”光标等效的跨浏览器拖放功能?的详细内容。更多信息请关注PHP中文网其他相关文章!