滑鼠移到元素上指標變為不可用狀態

antzone發表於2017-03-07
指標

滑鼠的指標狀態與很多種，分別代表著不同的含義，下面介紹一下如何實現當滑鼠懸浮於一個元素的時候，滑鼠指標會變味不可用狀態，程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style type="text/css">
input{
  cursor:not-allowed;
  width:150px;
  height:18px;
}
</style> 
</head> 
<body> 
<input type="text" disabled/> 
</body> 
</html>

以上程式碼實現了我們的要求，只要為文字框新增如下屬性即可:

[CSS] 純文字檢視 複製程式碼
cursor:not-allowed

相關文章