我是靠谱客的博主 忧心镜子,这篇文章主要介绍css3中select的用法是什么,现在分享给大家,希望可以做个参考。

本教程操作环境:windows10系统、CSS3&&HTML5版本、Dell G3电脑。

css3中select的用法是什么

user-select 属性规定是否能选取元素的文本。

在 web 浏览器中,如果您在文本上双击,文本会被选取或高亮显示。此属性用于阻止这种行为。

默认值: auto

语法为:

user-select: auto|none|text|all;
登录后复制

其中属性值代表结果如下:

  • auto 默认。如果浏览器允许,则可以选择文本。

  • none 防止文本选取。

  • text 文本可被用户选取。

  • all 单击选取文本,而不是双击。

示例如下:

<!DOCTYPE html>
<html>
<head>
<style> 
div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
</style>
</head>
<body>
<h1>user-select 属性</h1>
<div>The text of this div element cannot be selected. If you double-click me, my text will not be highlighted.</div>
</body>
</html>
登录后复制

输出结果:

+1.gif

(学习视频分享:css视频教程)

以上就是css3中select的用法是什么的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是忧心镜子最近收集整理的关于css3中select的用法是什么的全部内容,更多相关css3中select内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(79)

评论列表共有 0 条评论

立即
投稿
返回
顶部