由于input单选多选的原生样式通常都不符合需求，所以在实现功能时通常都需要美化按钮 1. 利用伪类来重置单选按钮样式 html css 2. 利用label来重置单选按钮样式 通常都是要和label一起配合使用的，有点击事件的时候，还是配合label ...

CSS伪类 ::before/ after 在一个元素标签的前面或者后面, 创建一个新的虚拟的标签, 我们可以给这个虚拟的标签增加样式, 也可以增加内容等... ::nth-child(n) 匹配属于其父类的第N个子元素, 不论元素的类型, n可以是数字, 关键词或公式 清除浮动 ...

首先我们来看下页面上需要实现的基本效果，如下图所示： 因此我们可以使用如下js代码来试试看，是否能使用js改变伪类？如下代码所示： 如上代码并不生效，因此可以断定使用 jquery这样单纯的改变伪类样式是行不通的。 如上有一个定位的计算方式，如上代码，下面我们来简单的分析下 ...

:hover 伪类经常用于页面的一些鼠标交互、链接点击变化，增强页面的用户体验，但是可以用来改变其他元素样式，可以在不使用JS 的情况下，达到想要的页面效果。 1、hover改变自身的效果： 鼠标悬浮改变样式： HTML CSS ...

input:focus{ outline: none; border: 1px solid #fff; } 或者 input[type=text]:focus{ outline: none; border: 1px solid #fff; } ...

项目中时常会需要用到使用JavaScript来动态控制为元素(:before,:after)的样式，但是我们都知道JavaScript或jQuery并没有伪类选择器。这里总结一下几种常见的方法。 HTML <p class="red">Hi ...

前言 项目中时常会需要用到使用JavaScript来动态控制为元素(:before,:after)的样式，但是我们都知道JavaScript或jQuery并没有伪类选择器。这里总结一下几种常见的方法。 HTML CSS 方法 方法一：使用JavaScript ...

在不能修改HTML和CSS的前提下，如果要用JS修改伪类可以这样做： 原本的代码： <style> li:before{content:"·"} </style> <ul> 　　<li>日曜日</li> 　　< ...