如何改变网页选中文本的颜色

一、文本选中的默认颜色

今天看了国外的很多网站,发现在网页中选中文本的时候,颜色不是我们平常所说的蓝色。经过google的帮助,发现,原来是 CSS 3.0的一个小特性。

除了主流浏览器(ie)之外,一般还是支持的。

這是浏览器默认选中的颜色

二、使用CSS3改变文本选中的默认颜色

<!DOCTYPE html>

<html>

    <head>

        <style>

            .demo1::selection{color:#fff;background:#ff5e2c;}

            .demo1::-moz-selection{color:#fff;background:#ff5e2c;}

            .demo1::-webkit-selection{color:#fff;background:#ff5e2c;}

        </style>

    </head>

    <body>

        <p class="demo1">作为一名范女王的伪资深粉丝,我只能说,这张图片的重点在于,她真的很有本事将别人原本长得好好的鲜花,瞬间就贬为用来衬托她自己的绿叶……

        </p>

    </body>

</html>

重点:就是 ::selection 的应用;

时间: 2024-11-03 22:32:11

如何改变网页选中文本的颜色的相关文章

CSS如何设置选中文本的颜色

CSS如何设置选中文本的颜色:在默认状态选中的文本颜色和背景颜色并不美观,如果能够给句网站整体的配色来设置被选中文本和背景颜色那么将会极大的提高美观度,下面就通过代码实例介绍一下如何实现此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwh

css3 改变默认选中文本背景色和文本颜色

::selection { background:#d3d3d3; color:#555; } ::-moz-selection { background:#d3d3d3; color:#555; } ::-webkit-selection { background:#d3d3d3; color:#555; }

如何改变在浏览器上选中字体的颜色

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>CSS如何设置选中文本的颜色</title><style type="text/css">::selecti

使用CSS3改变文本选中的默认颜色——张鑫旭

关于浏览器文字选中颜色 以我的系统举例(xp 默认主题),浏览器上页面文字选中后默认的背景色是一种蓝色, 不同浏览器的颜色有些许差异,但大致相同,文字颜色也近乎白色,如下图所示,截自Firefox3.6浏览器: 在CSS3的爸爸妈妈还没有相亲认识的时候,要改变页面上文字选中后的背景色以及文字颜色,就跟让太监生孩子一样困难.但是,随着CSS3呱呱落地,获得越来越多的浏览器认可,一切又显得那么自然而然.虽然有些顽固的糟老头(如IE浏览器)还不认可这个新生的CSS3,但是,丝毫不影响其在其他浏览器上对

CSS如何改变文字选中状态下的颜色

CSS如何改变文字选中状态下的颜色:建议:尽可能的手写代码,可以有效的提高学习效率和深度.在默认状态先一般选中的文本颜色是白字蓝底的,不过可以通过CSS进行设置.当然浏览器的支持度还是不够好,IE8和IE8以下的浏览器不支持,但是其他主流浏览器都支持此属性,不过随着浏览器的升级,这个也不会是问题.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta n

选中文本颜色

::selection{ background-color: #00f; color: white; } ::moz-selection{ background-color: #00f; color: white; } ::webkit-selection{ background-color: #00f; color: white; } 选中文本颜色,布布扣,bubuko.com

echarts x轴或y轴文本字体颜色改变

1:x轴文本字体颜色改变 xAxis : [ { type : 'category', data : ['<30','30-','40-','50-','60-','>=70'], axisLabel: { show: true, textStyle: { color: '#fff' } } } ] 2:y轴文本字体颜色改变 yAxis : [ { type : 'value', name : '%', axisLabel : { formatter: '{value}', textStyle

用JS让下拉框改变网页背景颜色

<HTML> <HEAD> <TITLE>石家庄渣浆泵配件</TITLE> </HEAD> <SCRIPT> <!-- function bgChange(selObj) { newColor = selObj.options[selObj.selectedIndex].text; document.bgColor = newColor; selObj.selectedIndex = -1; } //--> </SC

CSS改变被鼠标选中的文字颜色及背景

页面中的文字被鼠标选中的文字颜色及背景怎么设置? ::selection { background:#e96147;  color:red; } ::-moz-selection { background:#e96147;  color:red; } ::-webkit-selection { background:#e96147;  color:red; } 希望对大家有帮助