css伪类元素添加选中下划线自定义长度

.actived::after {

content: '';

position: absolute;

width: rem(49); // 边框的宽度

height: rem(6);

border-radius: rem(3);

left: 50%; //距离 view 标签的距离

bottom: rem(-8);

background-color: #ff4019; // 颜色

transform: translateX(-50%);

}

css伪类元素添加选中下划线自定义长度相关推荐

html input选中样式,CSS 伪类修改input选中样式的示例代码
注:该表引自W3School教程伪元素的分类及作用: 下面通过代码看下CSS 伪类修改input选中样式的示例代码,代码如下所示: 主要是用到了after伪类和字体符号. input{ -webki ...
css伪类元素加在元素前,CSS伪类:before在元素之前 :after 在元素之后实例讲解
本教程简单的介绍一下关于CSS伪类:before, :after详解,有需要了解的朋友可以参考一下下. :before 伪元素在元素之前添加内容这个伪元素允许创作人员在元素内容的最前面插入生成内容. ...
css伪类元素实现小圆点效果
前言: 使用伪类元素 ::before,::after 来实现小圆点效果. 效果图: 实现方式: 1.父级元素 postion:relative; //定位属性,可为absolute //必须 ...
css伪类元素及选择器
文章目录伪类选择器使用 nth-child伪类选择器运用伪元素:before和:after使用伪类选择器使用 :first-child 选择某个元素的第一个子元素(IE6不支持):last-ch ...
利用css伪类元素实现点击范围扩大
css样式:
CSS 伪类: 什么是 CSS 伪类？CSS 伪类怎么分类？ CSS 伪类有哪些？以及分类对应的伪类
本章讲解的内容为 CSS 伪类 . 废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) . 一: 什么是 CSS 伪类? 1. CSS 伪类是用来添加一些 ...
CSS 伪类(Pseudo-classes)
CSS伪类是用来添加一些选择器的特殊效果. 语法伪类的语法: selector:pseudo-class {property:value;} CSS类也可以使用伪类: selector.class: ...
css修改select选择框option被选中的背景颜色_这 16 个 CSS 伪类，助你提升布局效率！
作者:Chidume Nnamdi 译者:前端小智来源:mediuum 大家都说简历没项目写,我就帮大家找了一个项目,还附赠[搭建教程]. css 伪类是用于向某些选择器添加特殊的效果,是动态的,指 ...
CSS 伪类选择器详解：为网页添加交互与美感
介绍 CSS 伪类选择器是一种非常有用的 CSS 选择器,它能够根据元素的状态.位置或其他属性来选择元素并应用样式.伪类选择器的语法为 :pseudo-class,其中 pseudo-class 是一 ...

css伪类元素添加选中下划线自定义长度

css伪类元素添加选中下划线自定义长度相关推荐

最新文章

热门文章

css伪类元素 添加 选中下划线 自定义长度

css伪类元素 添加 选中下划线 自定义长度相关推荐

最新文章

热门文章

css伪类元素添加选中下划线自定义长度

css伪类元素添加选中下划线自定义长度相关推荐