CSS的選中高亮是指當用戶選擇一段文本或某個元素時,網頁上的該文本或元素會突出顯示。
/*選中文本時的高亮*/ ::selection { background-color: #b5d5ff; color: #000; } /*選擇輸入框時的高亮*/ :focus { outline: none; border-color: #b5d5ff; box-shadow: 0 0 3px #b5d5ff; } /*鼠標懸停時的高亮*/ :hover { background-color: #f5f5f5; }
上述代碼展示了三種選中高亮的方式。
使用::selection偽類可以設置選中文本時的高亮效果,通過設置背景色和字體顏色可以實現不同的效果。
使用:focus偽類可以設置元素獲取焦點時的高亮效果,通過設置邊框顏色和盒模型陰影可以實現較醒目的效果。
使用:hover偽類可以設置鼠標懸停時的高亮效果,通過設置背景色可以更明顯地顯示元素。
以上三種方式均可通過CSS自定義,可以根據需要設置不同的高亮方式,以提高用戶體驗。
上一篇mysql 獲取當前毫秒
下一篇十六宮格css