CSS3改变页面默认选中背景颜色及设置页面禁止全选或局部选择

改变默认选中的背景颜色

::-moz-selection{background:#FF0000;color:#FFFFFF;}
::selection {background:#FF0000;color:#FFFFFF;}
code::-moz-selection {background:#FF0000;color:#FFFFFF;}
code::selection {background:#FF0000;color:#FFFFFF;}

设置页面禁止选中  

/*全局*/
html,body{ padding:0px; margin:0px; background:#fff;
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none; /* you could also put this in a class */
-webkit-user-select:none;/* and add the CSS class here instead */
-ms-user-select:none;
user-select:none;/**禁止选中文字*/ }

以上代码属于css3所以IE9以下的浏览器可能会出现不兼容的现象。  

时间: 2024-12-25 17:29:25

CSS3改变页面默认选中背景颜色及设置页面禁止全选或局部选择的相关文章

EXTJS根据值Value改变gridpanel单元格背景颜色或者设置整行字体颜色

第一步. 设置样式 .reportColor4{background: #93A9C1;}.reportColor5{background: #EEEEEE;} 第二步.修改单元格样式 header : '流通类型',width : 80,sortable : true,align : 'center',dataIndex: 'BR_TYPE',// css : 'background: #acdaf4;', // ----- 设置整个单元格的样式,但是不能根据条件变化renderer:func

导航条——动态改变导航菜单的背景颜色

1.概述 在浏览一些网站时,当鼠标经过导航菜单某一项时,其背景颜色将切换为其他颜色,实现这种简单的效果会更吸引浏览者的注意. 2.技术要点 本实例主要是应用JavaScript方法来动态改变<td>标签的背景颜色实现的.当鼠标经过<td>表示的导航菜单时,会触发onMouseOver事件,然后调用自定义的JavaScript方法改变<td>的背景颜色:当鼠标移出<td>时,会触发onMouseOut事件,调用自定义的JavaScript方法还原背景颜色为初始

css selection改变文字反选的背景颜色

<style type="text/css"><!--.ai::-moz-selection { background:#cc0000; color:#fff; }.ai::selection { background:#cc0000; color:#fff; }.av::-moz-selection { background:#FFCC00; color:#CC33FF; }.av::selection { background:#FFCC00; color:#CC

在wpf datagrid中,想要根据一个条件来改变datagrid行的背景颜色

原文:在wpf datagrid中,想要根据一个条件来改变datagrid行的背景颜色 例如根据学生的年龄来修改,年龄小于18岁的,该行为红色显示,如何做到 解决方法 1: 在你需要加载的键入代码,我一般放在TabControl的selected事件中 ?Dispatcher.BeginInvoke(System.Windows.Threading.DispatcherPriority.ApplicationIdle, new Action(方法名)); ? 我个人定义了一个方法 ?for (i

CAD看图的背景颜色怎么设置为黑色

在日常的工作中,小伙伴们有遇到这样的情况吗?就是在查看CAD图纸的时候,需要将CAD看图的背景颜色进行更改,那CAD看图的背景颜色怎么设置为黑色了?小伙伴们都知道要怎么来操作吗?下面小编就来教教大家具体的操作方法,想要了解的朋友可以一起来看看. 步骤一:首先,如果没有安装CAD看图小伙伴们在电脑中打开一个浏览器,然后在浏览器的搜索框中搜索迅捷CAD看图,在搜索的下拉栏中点击进入到官网中,接着点击下载安装CAD看图软件. 步骤二:安装完成之后,在将该软件进行打开进入到CAD看图软件的操作界面中,之

select默认选中项颜色为灰色,选择后变为黑色(js实现)

<script> var unSelected = "#999"; var selected = "#333"; $(function () { $("select").css("color", unSelected); $("option").css("color", selected); $("select").change(function () {

动态改变Listview的item背景颜色和item中字体的颜色

首先非常感谢原文章作者. 今天项目用到Listview点击item变色.网上找了好久,都没有找到简单的方法,好像只能重写getview(): 网上找到了一个比较简单的例子,但是不懂为什么,先记录下来以后慢慢学习. <span style="font-size:24px;">package leoli.com.focuslistview; import android.graphics.Color; import android.support.v7.app.AppCompa

C#listview 中item背景颜色的设置

1.将ListView的每一项的UseItemStyleForSubItems属性设置为false 2.item.SubItems[4].BackColor = Color.Green;设置某一行某一列的颜色为绿色 代码实现 istViewItem item = listView2.Items; item.UseItemStyleForSubItems = false; //istrue是1则第五列颜色为绿否则是红色 if (istrue==1) { item.SubItems[4].BackC

HTML页面默认输入焦点两种设置方式

第一种:使用JavaScript实现 E:\GitHub\tools\JavaEEDevelop\Lesson4_JavaScript_Demo1\day02\part01\focus1.html 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head