gpt4 book ai didi

javascript - 光标 :move 时 firefox 表单不工作

转载 作者:行者123 更新时间:2023-11-28 04:29:00 25 4
gpt4 key购买 nike

我有一个像

这样的 HTML 表单

    #stoppage_section .stoppage{
cursor: move; /* fallback if grab cursor is unsupported */
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
    <div id="stoppage_section">
<div class="stoppage">
<input class="form-control" ....>
</div>
<div class="stoppage">
<input class="form-control" ....>
</div>
</div>

当用户在这个 stoppage_section 区域移动时,我想显示像 move 图标这样的光标。但是当鼠标进入输入字段时,它会正常工作。

此代码在 Chrome 中运行良好。 但在 firefox 输入字段中不再可写

我想要什么

当鼠标(光标)位于 div 时,它将显示 move 图标,当鼠标(光标)位于输入字段时,它将正常工作

Mozilla Firefox Version 48.0.2. Latest version not possible to use for me as Firebug looks like native style which is disgusting

最佳答案

像这样?

    .stoppage {
background-color: #dddddd; /* that you can see the div */
}

.stoppage:hover {
cursor: move; /* fallback if grab cursor is unsupported */
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
    <div id="stoppage_section">
<div class="stoppage">
<input class="form-control" ....>
</div>
<div class="stoppage">
<input class="form-control" ....>
</div>
</div>

关于javascript - 光标 :move 时 firefox 表单不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41827407/

25 4 0
文章推荐: css - thead 的宽度不同于 tbody
文章推荐: html - 计算固定元素内绝对定位的div中固定div的宽度
文章推荐: javascript - jQuery 平滑滚动以固定菜单 anchor 仅在页面顶部时有效
文章推荐: html -
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com