自定義按鈕的“禁用”樣式

有時由於需要，需要將自己寫的按鈕禁用

如：

<span class='save'>保存</span>

css:

.save{
            display:block;
            width:50px;
            height:50px;
            line-height:50px;
            border-radius:100%;
            background:blue;
            color:#fff;
            text-align:center;
        }

顯示爲：

要是input和button做的按鈕，當然採用disabled屬性即可解決；要是自定義的按鈕：
要禁用，添加cursor樣式：

.save:hover{
            cursor:not-allowed;
            background:#999;
        }

顯示的效果爲：hover時，“保存”按鈕背景變灰，鼠標由箭頭變成禁用標記；需要注意的是：此時點擊該按鈕仍舊會執行原有你設置的功能（例如設置該按鈕爲執行函數等…）;這時需要經過合適的判斷語句，添加合適的 return 就可阻止其後續功能；從而從樣式和功能兩方面實現該按鈕禁用。