將鼠標光標更改爲HTML中的輸入元素

我有各種HTML元素，每個Drag'n'Drop都是可移動的。爲了指出刪除元素的有效區域（給用戶），我改變了遊標的外觀。我通過簡單地通過包含一個簡單的「遊標：xxx」的JS應用CSS類來做到這一點。這適用於DIV和SPAN。將鼠標光標更改爲HTML中的輸入元素

但是，當我嘗試用文本輸入或textarea做到這一點時，光標變成了「|」（文本編輯光標）。

有沒有辦法來覆蓋默認的行爲，或是否有任何變通辦法（而不必與任何假人來代替這些元素，因爲這將佔用大量的時間，有些功能對這些元素繼電器）

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;">

來源

2013-04-24 user1557232

（）？ – 2013-04-24 12:01:40

它看起來像你的代碼對我有用。你有東西在其他地方壓倒一切：http://tinker.io/5aaa7 – cimmanon 2013-04-24 12:30:53

或仔細檢查你的選擇器.. – 2013-04-25 00:56:46

嘗試使用重要

input { 
    cursor: pointer !important; 
}

這將覆蓋所有的輸入元件的「光標」屬性。

編輯：

如果這不起作用，請仔細檢查選擇。你可能會想體和之間加空格，你使用jQuery可拖動.draggingInvalid

body .draggingInvalid { 
}

來源

2013-04-24 11:58:21

OP *是*使用'！重要'。 – cimmanon 2013-04-24 12:28:33

將鼠標光標更改爲HTML中的輸入元素

回答

相關問題