将鼠标悬停在标记上时如何强制使用默认光标

时间:2017-09-20 08:29:55

标签: leaflet

当我将鼠标悬停在标记上时,我想强制使用默认光标而不是指针(指向手指)。我已经使用this SO答案为地图做了这个,但是当将鼠标悬停在标记上时,不知道如何继续操作指针。

换句话说,当将鼠标悬停在标记上时,什么是控制光标类型的传单css元素?

由于

1 个答案:

答案 0 :(得分:3)

  1. 将您的宣传单地图加载到您喜欢的浏览器中。
  2. 打开浏览器Developer Tools(类似于Firefox,Safari ...)
  3. 打开Page Inspector工具(类似于Chrome,Safari ...)
  4. 使用"Pick an element from the page"工具并在Leaflet地图上选择一个标记。 "Pick an element" button icon(类似Chrome,Safari ......)
  5. "Pick an element" button in DOM inspector tool

    (来自MDN wikiMozilla contributors图片,已获得CC-BY-SA 2.5许可)

    1. 浏览CSS pane并查找适用的{ "productsList": [{ "productSubcategory": "Levensverzekering", "nameFirstInsured": "Akkerman" }, { "productSubcategory": "Lineair dalend", "nameFirstInsured": "Akkerman" } ] } 规则。
    2. 在您的情况下,您应该看到:

      cursor

      现在您知道应该覆盖哪个CSS类来修改游标。

      话虽如此,您还可以定义自己的自定义图标并在其上应用.leaflet-interactive { cursor: pointer; } 选项,以便在该类上指定className规则,而不是覆盖Leaflet CSS规则。这两种选择都是合理的,具体取决于您要达到的目标的确切程度。