span做成按钮时,文字不被选中样式
今天用span做成按钮,但是每次双击都会选中span内容,很不和谐。怎么办呢?
添加下面样式即可,亲测ie和谷歌浏览器没问题:
.button {
display: inline-block;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}
今天用span做成按钮,但是每次双击都会选中span内容,很不和谐。怎么办呢?
添加下面样式即可,亲测ie和谷歌浏览器没问题:
.button {
display: inline-block;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}
可以使用 CSS 中的 :focus 伪类来设置 textarea 中的文字被选中时字体变大,没有被选中时字体变小。 例如: textarea:focus {
现象:html中可能有些地方不想让用户复制文字,或是用a标签做了个点击按钮,点快的时候文字会被选中,很丑,这个时候可以使用下面的方案禁止文字选中。 原因:鼠标点快了文字会被选
今天用span做成按钮,但是每次双击都会选中span内容,很不和谐。怎么办呢? 添加下面样式即可,亲测ie和谷歌浏览器没问题: .button {
题目描述的是以下样式: ![在这里插入图片描述][20210414163405110.png] 有时候选中的值名字会很长,导致span宽度超过了下拉框,看起来很丑
标签: 按钮: .blog-but\{ /\ 按钮美化 \/ width: 270px; /\ 宽度 \/ height: 40px; /\ 高度 \/ border
今天用vue发觉文字被选中时会有一些坑,可以用这个c3属性 user-select: none; 这样就可以设置文字不被选中了。 这个属性默认是text,也
通过简单的css设置页面的文字无法被选定。 我不能被选中复制 .select{ -webkit-user-select:none;
还没有评论,来说两句吧...