下面是一段代码示例,通过在“::selection”样式选择器中设定选中时的样式,可以轻松实现CSS3文字选中效果:
/* 设置选中文字时的背景色、前景色和字重 */ ::selection { background-color: #ff9900; color: #fff; font-weight: bold; } /* 兼容 Webkit 内核的浏览器 */ ::-webkit-selection { background-color: #ff9900; color: #fff; font-weight: bold; }
在上述代码中,“::selection”选择器针对全局的选中效果设定样式,而“::-webkit-selection”选择器则专用于Webkit内核的浏览器,比如Chrome和Safari。
除了上面示范的设定背景色、前景色和字重外,CSS3文字选中还支持更多的样式设定,比如字体、行高、下划线等等。开发者可以根据自己的需求调整相关样式。
总的来说,CSS3文字选中是一个简单实用的特性,它可以让网页内容更加丰富多彩,提升用户的使用体验。开发者们可以在不同的网站中灵活运用,为用户带来更好的视觉享受。