在CSS中,我們可以使用偽協(xié)議javascript:
來添加空鏈接,這個偽協(xié)議可以讓我們在CSS中定義一個空的點擊事件,從而實現(xiàn)一個看起來像鏈接但實際上不執(zhí)行任何操作的空鏈接。
以下是一個示例,展示如何在CSS中添加一個空鏈接:
a.empty-link { display: inline-block; padding: 10px 20px; color: blue; text-decoration: none; cursor: pointer; } a.empty-link:hover { background-color: #f8f9fa; } a.empty-link:active { background-color: #e9ecef; } a.empty-link:focus { outline: none; }
在HTML中,我們可以這樣使用這個空鏈接:
<a href="javascript:void(0)" class="empty-link">點擊這里</a>
這個鏈接看起來像一個正常的鏈接,但實際上不會執(zhí)行任何操作,當(dāng)用戶點擊這個鏈接時,瀏覽器會執(zhí)行javascript:void(0)
,這實際上不會導(dǎo)航到任何頁面,也不會觸發(fā)任何JavaScript代碼。
這種方法可以用來在UI設(shè)計中創(chuàng)建一個看起來像鏈接但實際上不執(zhí)行任何操作的元素,比如在一個表單中創(chuàng)建一個看起來像按鈕但實際上不執(zhí)行任何操作的元素。