在一些特殊的网站中，常常会有着一些新奇的体验，在阅读网页的时候相信许多人都会和我一样有着一个习惯，把一些文字选中然后进行阅读，或者时要复制粘贴的时候选择文字对吧。然而无论是在ie，chrome，firefox，safari或者是以这些为内核的浏览器默认的选择文字都是蓝底白字吧.

例如这样

然而也会有一些网站会是这样的

或者是这样的

以下是一个我写的代码。ps：【效果在浏览我blog也可以查看哦！】

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8" />

		<title>change font-style(改变文字效果)</title>

		<style>

			::selection{

				color: #fff;

			    background: rgb(221,88,98);

			}

			::-moz-selection{

				color: #fff;

				/*颜色的话其实也可以调整，不过我绝对默认的白色就不错了，你要改成#000或者其他也可以*/

			    background: rgb(221,88,98);

			}

			::-webkit-selection{

				color: #fff;

			   background: rgb(221,88,98);

			}

		</style>

	</head>

	<body>

		<h3>改动选择文字效果</h3>

		<p> 那个人坐在海的漩涡中，看着波上波下的光影，敏锐而灵动的听觉，感受着天地间无穷无尽的汹涌。为什么你的翅膀是白色的，眼睛却涂上了深蓝色的颜料？在乐曲的层层递进中，温柔缥缈的女声与吉他的迷幻揪心融合在一起。在朦胧的意象中，一只蜗牛在雪地里温柔地暴走，这也是一种荒凉的自由---这是我随便复制的哈，你们喜欢可以留着</p>

	</body>

</html>

，

改变选择文字的color及background-color的更多相关文章

  1. [原创作品]html css改变浏览器选择文字的背景和颜色

    又很久没有'剥壳'了,最近在为一家公司做一个生产管理解决方案.所以都很忙.今天的话题很简单,就做一个很简单的网页特效.今天偶然浏览到一个网站,他们在选择文字时,样子不是蓝背景和白色字体那么单调,感觉这 ...

  2. 改变页面选择文字颜色和背景颜色----selection伪元素

    div::selection{color:#fff;background: #E83E84;text-shadow:none}  

  3. unity Changing Game View background color

    Change the background color in the camera 参考:http://forum.unity3d.com/threads/changing-game-view-bac ...

  4. android:background="@color/white" [create file color.xml at res/values/]

     <resources><color name="white">#FFFFFF</color><!--白色 --><col ...

  5. android textview改变部分文字的颜色和string.xml中文字的替换（转）

    转   :http://blog.csdn.net/ljz2009y/article/details/23878669 一:TextView组件改变部分文字的颜色: TextView textView ...

  6. js根据浏览器窗口大小实时改变网页文字大小

    目前,有了css3的rem,给我们的移动端开发带来了前所未有的改变,使得我们的开发更容易,更易兼容很多设备,但这个不在本文讨论的重点中,本文重点说说如何使用js来实时改变网页文字的大小. 代码: &l ...

  7. 鼠标选择文字事件js代码，增加层问题

    在页面中增加一个js代码,当用户用鼠标选择文字(鼠标拖动涂蓝文字)时,会出现一个层,提示与这个选择文字有个的信息<script type="text/javascript"& ...

  8. linux下出现+ ls --color=auto -l --color=auto...++ echo -ne '\033]0;root@imon-2:~'等

    [root@imon-2 ~]# cd /root/ + cd /root/ ++ echo -ne '\033]0;root@imon-2:~' [root@imon-2 ~]# ll + ls - ...

  9. 移动端web禁止长按选择文字以及弹出菜单

    /*如果是禁用长按选择文字功能,用css*/ * { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select: ...

随机推荐

  1. 微信小程序 加载图片时，先拉长，再恢复正常

    今天在写小程序,发现小程序的图片image如过mode设置为widthFix的话, 加载图片会被先拉伸,后恢复正常 我的处理方法是,给他一个初始的height值,或者就直接 height:auto

  2. idea没配置Tomcat容器报错及解决方法

    servlet报错,提示没有一个容器,需要一个容器来运行,说明没有tomcat容器. 看看idea的配置有没有配置tomcat? 果然没有配置tomcat容器(正常画红框的地方会出现配置的tomcat ...

  3. OI养老专题03：让坏人出列的约瑟夫问题

    问题是这样的:一共有2n个人,其中有n个好人,n个坏人.好人的编号是1~n,坏人的编号是n+1~2n.要求你求出最小的m(报数到m的人出局),让前n个出局的人都是坏人. 似乎除了暴力,我们想不出其它的 ...

  4. CF822C Hacker, pack your bags!(思维)

    Hacker, pack your bags [题目链接]Hacker, pack your bags &题意: 有n条线段(n<=2e5) 每条线段有左端点li,右端点ri,价值cos ...

  5. 软件测试之Soot

    详情请见:https://github.com/fogmisty/SoftwareTest  

  6. 《高性能Mysql》解读---Mysql的事务和多版本并发

    1.base:ACID属性,并发控制 2.MySql事务的隔离级别有哪些,含义是什么? 3.锁知多少,读锁,写锁,排他锁,共享锁,间隙锁,乐观锁,悲观锁. 4.Mysql的事务与锁有什么关联?MySq ...

  7. dotnetcore ef 调用多个数据库时用户命令执行操作报错

    dotnetcore ef 调用多个数据库时用户命令执行操作报错 1.多个DbContext 时报错: 报错: More than one DbContext was found. Specify w ...

  8. python简单制作GIF

    第一步安装工具:imageio (已安装好的页面) 第二步:打开python 插入代码,代码如下. import imageio savename = "C://Users//Thinkpa ...

  9. MySQL相关问题题

    1.truncate.delete.drop的区别 (1)truncate.drop是不可以rollback的,但是delete是可以rollback的.DELETE语句执行删除的过程是每次从表中删除 ...

  10. vmware中centos6.7系统图形化安装Oracle显示乱码问题解决

    root下: 修改环境属性  vi /etc/sysconfig/i18n LANG="en_US.UTF-8 1.在每次调用图形界面以前,我们使用export临时设置LANG(ORACLE ...