當我們在開發網頁時,常常需要自定義關閉按鈕,而瀏覽器自帶的關閉按鈕卻無法滿足我們的需求。此時,我們可以使用CSS來取消瀏覽器自帶的關閉按鈕。
/* 取消Chrome、Firefox、Safari的關閉按鈕 */ ::-webkit-scrollbar { display: none; } /* 取消Edge、IE的關閉按鈕 */ body { -ms-overflow-style: none; scrollbar-width: none; }
如上所示,我們可以使用::-webkit-scrollbar
來取消Chrome、Firefox、Safari的關閉按鈕,使用-ms-overflow-style
和scrollbar-width
來取消Edge和IE的關閉按鈕。
通過這種方式,我們可以輕松地取消瀏覽器自帶的關閉按鈕,達到自定義的效果。