5

ドラッグ アンド ドロップで移動可能なさまざまな HTML 要素があります。要素を（ユーザーに）ドロップするための有効な領域を指摘するために、カーソルの外観を変更しています。これを行うには、単純な「cursor:xxx」を含む JS を介して CSS クラスを適用します。これは、DIV と SPAN でうまく機能します。

しかし、テキスト入力またはテキストエリアでそれを行おうとすると、カーソルが「|」になります。(テキスト編集カーソル)。

このデフォルトの動作をオーバーライドする方法はありますか、または回避策がありますか (一部の関数がこれらの要素を中継するため、これらの要素をダミーに置き換える必要はありません)。

CSS:

body.draggingInvalid ,
body.draggingInvalid * {
    cursor:not-allowed !important;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

HTML:

<input type="text" style="width: 200px; height: 20px;">
4

2 に答える 2

2

!importantを使用してみてください

input {
    cursor: pointer !important;
}

これは、すべての入力要素の 'cursor' プロパティをオーバーライドします。

編集：

これが機能しない場合は、セレクターを再確認してください。bodyと.draggingInvalidの間にスペースを追加したいかもしれません 

body .draggingInvalid {
}
于 2013-04-24T11:58:21.263 に答える