微信小程序界面设计-小程序中的WXSS(css)选择器在线视频教程-伪元素选择器-::selection伪元素_样式选择器_前端样式教程

联系我们我要留言

样式选择器: 微信小程序界面设计-小程序中的WXSS(css)选择器在线视频教程-伪元素选择器-::selection伪元素
时间：2019/1/16 13:10:10 作者：互联网来源：网络转载查看：55270 评论：0
内容摘要：伪元素选择器-::selection伪元素通用语法定义和用法::selection 选择器匹配被用户选取的选取是部分。只能向 ::selection 选择器应用少量 CSS 属性：color、background、cursor 以及 outline。浏览器支持E9+、Opera、...
伪元素选择器-::selection伪元素

通用语法

定义和用法

::selection 选择器匹配被用户选取的选取是部分。

只能向 ::selection 选择器应用少量 CSS 属性：color、background、cursor 以及 outline。

浏览器支持

E9+、Opera、Google Chrome 以及 Safari 中支持 ::selection 选择器。
Firefox 支持替代的 ::-moz-selection。

实例

使被选中的文本成为红色：

<!DOCTYPE html>

<html>

<head>

<style>

::selection

{

color:#ff0000;

}

::-moz-selection

{

color:#ff0000;

}

</style>

</head>

<body>

<h1>请试着选取页面上的文本</h1>

<p>这是一个段落。</p>

<div>这是 div 元素中的文本。</div>

<br>

<a href="http://www.w3school.com.cn" target="_blank">访问 W3School ！</a>

</body>

</html>

效果图

小程序应用

注意：不支持

Wxml代码

<view>文本文字</view>

<text>文本文字</text>

Wxss代码

::selection{

color: red;

}

效果图

欢迎大家收看我的视频课程：微信小程序界面设计-小程序中的WXSS(css)选择器


标签：伪元素选择器-::selection伪元素微信小程序CSS高级选择器教程微信小程序界面布局设计入门课程 wxss中css入门在线视频课程
上一篇：没有了
下一篇：微信小程序界面设计-小程序中的WXSS(css)选择器在线视频教程-伪元素选择器-::first-line伪元素