Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

css文字不能被选中

作者:满身补丁   发布日期:2025-10-01   浏览:63

/* 通过使用 CSS 的 user-select 属性,可以禁止用户选中文字 */
.unselectable {
    user-select: none; /* 标准语法 */
    -moz-user-select: none; /* Firefox */
    -webkit-user-select: none; /* Safari 和 Chrome */
    -ms-user-select: none; /* Internet Explorer 和 Edge */
}

解释说明:

  • user-select 是一个 CSS 属性,用于控制文本是否可以被用户选中。
  • none 表示文本不能被选中。
  • 为了兼容不同的浏览器,我们还需要添加带前缀的属性(如 -moz-, -webkit-, -ms-),以确保在不同浏览器中都能正常工作。

上一篇:css 换行符

下一篇:css 绝对定位 居中

大家都在看

css好看的字体

css 红色

css 瀑布流布局grid

css文字超长省略号

css 渐变字体

css背景图片等比例缩放

css文字删除线

animation css3

css 自定义滚动条

css 扇形

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站