综合教程

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

时间:2019/1/16 13:10:10  作者:互联网  来源:网络转载  查看:54794  评论:0
内容摘要:伪元素选择器-::selection伪元素通用语法定义和用法::selection 选择器匹配被用户选取的选取是部分。只能向 ::selection 选择器应用少量 CSS 属性:color、background、cursor 以及 outline。浏览器支持E9+、Opera、...
伪元素选择器-::selection伪元素

通用语法

定义和用法

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

只能向 ::selection 选择器应用少量 CSS 属性:colorbackgroundcursor 以及 outline

浏览器支持

微信小程序界面设计-小程序中的WXSS(css)选择器在线视频教程-伪元素选择器-::selection伪元素
E9+OperaGoogle 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>

效果图
微信小程序界面设计-小程序中的WXSS(css)选择器在线视频教程-伪元素选择器-::selection伪元素


小程序应用

注意:不支持

Wxml代码

<view>文本文字</view>

 

<text>文本文字</text>

Wxss代码

::selection{

  color: red;

}

效果图
微信小程序界面设计-小程序中的WXSS(css)选择器在线视频教程-伪元素选择器-::selection伪元素

欢迎大家收看我的视频课程:微信小程序界面设计-小程序中的WXSS(css)选择器
微信小程序界面设计-小程序中的WXSS(css)选择器在线视频教程-伪元素选择器-::selection伪元素


相关评论
评论者:      验证码:  点击获取验证码
咨询QQ/微信:45157718 点击这里给我发消息 | 电话:13516821613 | 浙江杭州余杭区东港路118号雷恩科技创新园 | 网站支持:杭州摇亿网络科技 | 浙ICP备06056032号-6 |