светлячок форма не работает, когда курсор: двигаться

Question

У меня есть 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>

Я хочу, чтобы показать курсор как move значок, когда пользователь двигаться вокруг этой stoppage_section области. НО, когда мышь перейдет в поля ввода, тогда она работает нормально.

Этот код отлично работает в Chrome. НО в FireFox полях ввода не перезаписываемые больше

Я хочу

Когда мышь (курсор) будет div тогда он будет показывать move значок и при наведении курсора мыши (курсор) будет находиться в полях ввода он будет работать как обычно

Mozilla Firefox Version 48.0.2. Последняя версия не может использоваться для меня как Firebug выглядит как родной стиль, который отвратительный

Answer 1

Нравится?

.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>

Answer 2

Hover над текстом и вне текста ввода в той же строке вы можете увидеть курсор в виде руки.

#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 Text 
 
     <input class="form-control" ....> 
 
     </div> 
 
     <div class="stoppage"> 
 
     Input Text 
 
     <input class="form-control" ....> 
 
     </div> 
 
    </div>

Answer 3

Ваш код работает хорошо со мной. Тем не менее, если вы хотите отменить для Mozilla, вы можете просто добавить стиль ниже с вашим существующим стилем:

.stoppage input:hover { 
    cursor: edit; //on hovering input box show edit cursor 
     }