当前位置:首页 > 前端技术 > HTML CSS 鼠标鼠标选中的更改颜色

HTML CSS 鼠标鼠标选中的更改颜色

2022年08月05日 12:05:09前端技术4

::-moz-selection{background:#93C;color: #fff;} 

::selection {background:#93C; color:#fff;} 

---------------------------------------------------------------------------

说明:
  1、-moz-属性前缀是个火狐浏览器用的,而基本的::selection选择器是给谷歌浏览器用的。
  2、background后面可以直接使用颜色值。如:::selection { background:#ffff00; }
  另外:
  跟其它CSS选择器的用法一样,也可以嵌套使用,在不同的地方显示不同的颜色。
  如下:
  /* webkit, opera, IE9 */
  div.highlightBlue::selection { background:lightblue; }
  /* mozilla firefox */
  div.highlightBlue::-moz-selection { background:lightblue; }</p> <p>/* webkit, opera, IE9 */
  div.highlightPink::selection { background:pink; }
  /* mozilla firefox */
  div.highlightPink::-moz-selection { background:pink; }

作者:xiyanwushi
来源链接:https://blog.csdn.net/xiyanwushi/article/details/51319871

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/front/18051.html

分享给朋友:

“HTML CSS 鼠标鼠标选中的更改颜色” 的相关文章

HTML常用标签的用法

HTML常用标签的用法

一、首先要了解一下什么是HTML,HTML(Hyper Text Markup Language,简称:HTML)也叫作超文本标记语言,是一种使用结构化Web网页及其内容的标记语言,HTML文档也叫做Web页面, 下面就来讲讲一些HTML中常用的标签。...

Markdown中使用html标签

有时候,我们会在笔记中使用一些HTML标签,但是Markdown中直接使用html标签会被解析为格式.该怎么书写,可以直接显示为html的标签呢. <h1>这是一个标题</h1> //其中的<h1&g...

HTML5 速查列表

HTML 速查列表 HTML 速查列表. 你可以打印它,以备日常使用。 HTML 基本文档 <!DOCTYPE html> <html> <head> <title>文档标题<...

HTML之框架结构标签的简单使用

框架标签的简单使用 框架: 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面,简而言之,就是在一个窗口中显示多个页面。 每个页面称之为一个框架。并且每个框架独立于其他的框架。 使用...

HTML中的Style标签media属性控制打印内容样式

最近项目用到Web页面打印报表的功能,因为我们的项目采用的是HTML的Table方式实现的表格,所以符合javascript中的window.print,了解了下window.print()函数的使用方式。 window.print():用来打印window.documen...

HTML 5 video 视频标签全属性详解

现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera、Mozilla、Chrome),支持H.264的(Safari、IE 9、Chrome),都不支持的(IE6、7、8)。好吧,现在让我们从技术层面...

HTML全部标签简介

HTML全部标签简介

XHTML1.0提供了几种DOCTYPE可选择: 1.过渡型(Transitional ) 2.严格型(Strict ) HTML是简单的文本标签语言,一个HTML网页文件都是有元素构成的,元素由开始标签、结束标签、属性和元素的内容4部分构成。再...

HTML-列表标签list与表格标签table

HTML-列表标签list与表格标签table

目录   列表标签 表格标签 列表标签      <ul>无序列表             ...

有关在html中修改select标签的option selected默认选中属性实现

有关在html中修改select标签的option selected默认选中属性实现

着急想要解决办法的朋友可以直接看最后的内容:} 一般我们使用select标签时大概都会使用到option标签来填充下拉框中的内容 只有几个固定的内容写死在页面还好,可能是这样的: <select name="type"type="text...

html标签及属性等相关整理笔记(不定期更新)

一、HTML标签简写及全称大全 HTML标签 英文全称 中文释义 a Anchor 锚 abbr...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。