CSS實現點擊選中是網頁中常見的一種效果,它可以讓用戶更加方便地選中文字或元素。那么,該如何使用CSS來實現這一功能呢?
/* 為需要實現點擊選中的元素添加CSS樣式 */ .selectable { cursor: pointer; /* 將鼠標指針變為手指形狀,增加交互性 */ user-select: all; /* 允許用戶選中元素中所有內容,不區分可編輯性 */ -webkit-user-select: all; /* Safari瀏覽器需要添加這個前綴 */ }
只需要將需要實現點擊選中功能的元素添加.selectable這個CSS類即可。其中,user-select屬性表示允許用戶選擇元素中的內容,而-webkit-user-select是為了兼容Safari瀏覽器而加入的。