css设置禁止文字被选中

// 禁止文字被鼠标选中 moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;…

有时候,为了让用户有更好的体验,需要禁用掉文本选中功能比如:使用a标签模拟按钮,如果不禁用掉文本选中功能,那么双击时会选中文字,用起来很不爽. 多数情况下,只需要使用CSS样式就可以实现这个功能啦: 1 body{ 2 -o-user-select: none; 3 -moz-user-select: none; /*火狐 firefox*/ 4 -webkit-user-select: none; /*webkit浏览器*/ 5 -ms-user-select: none; /*IE10+*…

CSS实现禁止文字选中

E10平台预览第四版中包含了对 CSS3 新属性 -ms-user-select 的支持,Web 开发人员可以利用这一新属性轻松精确的控制用户可以在网站上选择哪些文本. user-select:none | text | all | element text – 可以选择文本 element – 可以选择文本,但选择范围受元素边界的约束 none – 不可以选择文本 auto – 如果该元素包含可编辑的文本(如输入元素或可编辑内容的元素),则可以选择文本.否则,元素内容是否可选择由父节点的值决定…

CSS设置一行文字，超出部分自动隐藏

.textone { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 25px; max-height: 25px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 将行高和最大行高设置为一样的值,-webkit-line-clamp: 1,限制行数,这样就可以定义超过一行自动隐藏的效果了:设置超过两行自动隐藏是效果,line-…

[原创]css设置禁止中文换行

white-space: nowrap; 如有需要还可以设置word-break,word-wrap配合.…

css设置使文字显示2行多余的为省略号。。。

.title{ font-size: .7rem; line-height: 1.5rem; overflow: hidden; /** 隐藏超出的内容 **/ word-break: break-all; text-overflow: ellipsis; /** 多行 **/ display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-l…

css设置使文字显示2行多余的为省略号...

1 2 3 4 5 6 7 8 9 10 11 12 .title{ font-size: .7rem; line-height: 1.5rem; overflow: hidden; /** 隐藏超出的内容 **/ word-break: break-all; text-overflow: ellipsis; /** 多行 **/ display: -webkit-box; /** 对象作为伸缩盒子模型显示…

【css】CSS设置文字不能被选中

CSS设置文字不能被选中 /*设置文字不能被选中以下为css样式*/ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;…

css控制页面文字不能被选中user-select:none;

现象:html中可能有些地方不想让用户复制文字,或是用a标签做了个点击按钮,点快的时候文字会被选中,很丑,这个时候可以使用下面的方案禁止文字选中. 原因:鼠标点快了文字会被选中. 解决方案:不同的浏览器设置的内容不一样,user-select不是一个W3C的标准,浏览器的支持不完成,需要对不同的浏览器进行调整. body{ -moz-user-select:none;/*火狐*/ -webkit-user-select:none;/*webkit浏览器*/ -ms-user-select:non…

JQuery/JS select标签动态设置选中值、设置禁止选择 button按钮禁止点击 select获取选中值

//**1.设置选中值:(根据索引确定选中值)**// var osel=document.getElementById("selID"); //得到select的ID var opts=osel.getElementsByTagName("option");//得到数组option var obt=document.getElementById("bt"); obt.onclick=function(){ opts[3].selected=tr…

CSS如何设置换行文字自动对齐

CSS如何设置换行文字自动对齐如图所示: 代码实现如下: <ul class='warn-page-content'> <li> 子账号登录名将改为<span class='text-warning-s'>“原登录名@域”</span>.<br/> <span class='text-warning-i'>例如:原登录名为aa,…

css 禁止文本被选中复制代码

css 禁止文本被选中复制代码: .cus-text{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }…

排版紧凑情况下IOS 浏览器的文字部分选中问题

一.需求一个每一项都是图文混排的列表页,在需要对其中的某一部分文字进行选中copy的时候,IOS个二货每次都是直接选中了整个列表项,无论怎么操作它的选框都没有办法做到部分选中. 这是我本周遇到遇到的最奇葩的问题,没有之一. 二.思路仔细思考并试验之后,找到了三个解决方案:(一)放开页面的缩放限制,在用户把页面放大的情况下,文字选中会相对容易很多:(二)把需要选中的文字放进input[text],然后用oninput屏蔽掉input的输入:(三)分析html/css研究下ios为啥总是傻傻分不…

css设置背景固定不滚动效果的示例

css设置背景固定不滚动效果的示例背景固定不滚动各位看到最多的无非就是QQ空间了,我们在很多的空间都可以看到内容滚动而北京图片不滚动了,下文整理了几个关于背景固定不滚动css代码. 一.css设置背景不滚动的效果 <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">…

css实现标题文字过长截取...

css实现网页中文字过长截取... title class应该这样写: .title{ width:300px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 说明: 1.宽度一定要设置,可以根据实际需求调整. 2.white-space:nowrap是禁止文字折行. 3.text-overflow表示当文本溢出时是否显示省略标记,有两个值: clip:不显示省略标记(...),而是简单的裁切. ellipsis:当对…

css 设置背景图片模糊，内容不模糊

需求:一个div设置了background: url,现在需要使图片背景模糊,div内的文字清晰显示. 原始代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> .content { color: #ffffff; font-size: 40px; } .bg…

[css] 浏览器字体和css设置字体之间的关系

原文链接:http://www.zhangxinxu.com/wordpress/2010/06/%E5%8F%AF%E7%94%A8%E6%80%A7%E4%B9%8B%E6%B5%8F%E8%A7%88%E5%99%A8%E9%BB%98%E8%AE%A4%E5%AD%97%E4%BD%93%E4%B8%8Ecss%E5%AD%97%E4%BD%93/ 一.浏览器默认字体众所周知,浏览器字体默认的设置为“宋体/simsun字体 16像素”,例如Chrome浏览器下: 二.CSS中设置的字体…

CSS文本与文字

-255之间 14.2 CSS中的文字属性属性名称属性值说明 font-style normal 正常显示 italic 斜体 font-variant normal 正常显示 small-caps 将英文小写字母变成大写的小写字母 font-weight normal …

css设置水平垂直居中

关于CSS设置水平以及垂直居中的解决方案想要水平居中? 内联的元素(文字)? .center-children { text-align: center;} 块级元素? .center-me { margin: 0 auto;} 如果有多个块级元素呢? .inline-block-center { text-align: center; } .inline-block-center div { display: inline-block; text-align: left; } .flex-c…

css设置滚动条颜色与样式以及如何去掉与隐藏滚动条

我们大家在浏览网页的时偶尔会看到很漂亮的各种颜色样式的滚动条,这就是通过css代码控制来实现的,于是本人搜集整理一番,这里和大家分享一下使用CSS设置滚动条颜色以及如何去掉滚动条的方法,需要的朋友可以参考下,很有用的 div { scrollbar-face-color: #fcfcfc; scrollbar-highlight-color: #6c6c90; scrollbar-shadow-color: #fcfcfc; scrollbar-3dlight-color: #fcfcfc; s…

CSS设置input placeholder文本的样式

placeholder是HTML5 input的新属性,英文意思是占位符,它一般表示input输入框的默认提示值. 下面是设置placeholder的文本样式的选择器的示例: /* webkit 浏览器*/ #field::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; } /* 火狐浏览器 */ #field::-moz-place…

CSS设置DIV边框为圆角，添加背景色溢出的问题

这么几天需要做一个类似于层级展示的东西,最后一层需要做一些div框来展示数据,我用css设置了div的边框为圆角,但是添加背景色的时候颜色溢出,覆盖了四个角的圆弧,效果如图所示: css代码如下: .demo{ position: absolute; top:0; height:100% ; border:1px solid #000; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; } 个人觉…

CSS设置表格TD宽度布局

使用表格布局时,对单元格的宽度控制很伤脑筋,所以查阅资料整理如下: 一.表格布局table-layout 语法: table-layout : auto | fixed 取值: auto : 大多数浏览器采用自动表格布局算法对表格布局:表格及单元格的宽度取决于其包含的内容. fixed :表格和列的宽度通过表格的宽度来设置,某一列的宽度仅由该列首行的单元格决定:在当前列中,该单元格所在行之后的行并不会影响整个列宽. **注意** 使用 “fixed” 布局方式时,整个表格可以在其首行被下载后就…

CSS样式解决文字过长显示省略号问题

一.CSS样式解决文字过长显示省略号问题 1.一般样式一般 css 样式,当宽度不够时,可能会出现换行的效果.这样的效果在某些时候肯定是不行的,可以修改 css 样式来解决这个问题. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>text…

全局CSS设置

全局CSS设置 1.清除所有的标记的内外边距 body,ul,li,a,img,p,input{ margin:0; padding:0; } 2.去除项目符号或编号前面的符号 ul,ol,li{ list-style:none; } 3.全局链接效果 a:link , a:visited{color:#444;text-decoration:none;} a:hover{color:red;} 4.网页中所有的文字大小颜色 body{ font-size:12px; font-family:宋…

css: transform导致文字显示模糊

css: transform导致文字显示模糊有人认为模糊的原因是:"transform时div的宽度或者高度并不是偶数,偏移 50% 之后,像素点不是整数,和显示像素没有对上".我暂时还不完全理解,我的结论如下文描述. 元素高度的影响随机高度是否模糊备注 298 No - 297 Yes - 163 Yes - 178 No - 结论:当height为偶数时,transform元素不会显示模糊当translateY是绝对单位时不会模糊随机高度是否模糊备注 42px No…

IIS设置禁止某个IP或IP段访问网站的方法

网站被刷,对话接不过来打开IIS,选中禁IP的站点,找到“ip地址和域限制”这个功能,如果没有安装,打开服务器管理器,点击角色,窗口右边找到添加角色服务,找到“IP和域限制”并勾选安装. 打开ip地址和域限制后,点击右边“添加拒绝条目”,弹出设置窗口,这里规则可以设置单个IP的拒绝,也可以设置禁止IP段的访问. 最后IP段的填写要注意下,以下举例说明:IP地址范围:115.239.212.0掩码或前缀:255.255.255.0拒绝IP段是:115.239.212.* 如果要拒绝的IP段是:1…

img只显示图片一部分或 css设置背景图片只显示图片指定区域

17:14 2016/3/22img只显示图片一部分或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片左上角为0,0或0%,0%,右下角为高度和宽度,或100%,100%. clip:rect(300px 100px 300px 0px); 设置显示图片的某个区域,分别是上右下左的顺序设置部分代码:<style type="text/css">img {position:abs…

DevExpress实现为TextEdit设置水印文字

本文实例展示了DevExpress实现为TextEdit设置水印文字的方法,是一个很实用的技巧.分享给大家供大家参考. 转自 http://blog.csdn.net/yh0503/article/details/51487726 关键代码如下: public static void SetWatermark(this TextEdit textEdit, string watermark) { textEdit.Properties.NullValuePromptShowForEmptyVal…

Android TextView设置多彩文字

在应用开发中时常会遇到需要在一段文字中插入几个不一样颜色文字的需求; 以前本人都是用多个TextView拼起来,不仅感觉很蠢,操作起来也蛮恶心; 直到接触到了SpannableStringBuilder,感觉整个人都好了; 在我搭建界面布局,会有一些带String占位符的默认文字,如:"现在的气温是:%s","今天天气:%1$s,最高气温:%2$s,最低气温:%3$s,降雨率:%4$s,pm2.5:%5$s."; 之后在获取到数据时,直接String.format(…