css button 的四种状态 focus 伪类

1.普通状态2，鼠标hover状态 3.active 点击状态 4.focus 取得焦点状态

focus 经常用来取消a链接点击后产生的虚线边框

a:focus{
outline: none;
}

<!DOCTYPE html>

.btn:hover {
background-color: #ff0000;
}

/*active 要在后面否则会被hover覆盖*/

.btn:focus {
background-color: #00ff00;
}

.btn:active {
            background-color: #000000;
        }
    </style>

</head>
<body>
<button class="btn">hehhe</button>
</body>

</html>

css button 的四种状态 focus 伪类相关推荐

css button 四种状态,css中按钮的四种状态
css中按钮有四种状态普通状态 hover 鼠标悬停状态 active 点击状态 focus 取得焦点状态 .btn:focus{outline:0;} 可以去除按钮或a标签点击后的蓝色边框下面的 ...
a链接的四种状态：link、visited、hover、active
a链接的四种状态伪类是CSS 用于向某些选择器添加特殊的效果. a标签中有四个:link.visited.hover.active (1)link-设置a对象在未被访问前的样式表属性. (2)vis ...
CSS复合选择器（后代选择器、子元素选择器、并集选择器、伪类选择器、:focus伪类选择器）
复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的. 1. 后代选择器后代选择器又称为包含选择器作用:用来选择元素或元素组的子孙后代其写法就是把外层标签写在前面,内层标签写在后面,中间 ...
【Java 并发编程】线程锁机制 ( 锁的四种状态 | 无锁状态 | 偏向锁 | 轻量级锁 | 重量级锁 | 锁竞争 | 锁升级 )
文章目录一.悲观锁示例 ( ReentrantLock ) 二.重量级锁弊端三.锁的四种状态 ( 无锁状态 | 偏向锁 | 轻量级锁 | 重量级锁 ) 四.锁的四种状态之间的转换 ( 无锁状态 - ...
java线程四种状态
一个线程可以有四种状态: 1.新(new), 即线程刚刚创建,而并未执行 2.可运行(runnable),意味着一旦时间分片机制有空闲的CPU周期提供给一个线程,那个线程便可立即开始运行.因此,线程可 ...
对象头、锁的四种状态、Java和处理器实现原子操作的方式（CAS、锁机制；总线锁定、缓存锁定）
1.对象头 Java对象头里的Mark Word里默认存储对象的HashCode.分代年龄和锁标记位. 32位JVM的Mark Word的默认存储结构如下图所示: 在运行期间,Mark Word里存储 ...
Java并发—锁的四种状态
目录无锁偏向锁轻量级锁重量级锁总结锁的四种状态:无锁.偏向锁.轻量级锁和重量级锁无锁无锁就是没有真正意义上的上锁,所有的线程还是能访问并修改同一个资源,但是通过算法控制,实现同时只有一 ...
javas的四种状态无锁状态偏向锁状态轻量级锁状态重量级锁状态
一:java多线程互斥,和java多线程引入偏向锁和轻量级锁的原因? --->synchronized是在jvm层面实现同步的一种机制. jvm规范中可以看到synchronized在jvm里 ...
HTML 引用Css样式的四种方式
不才,只知道HTML引用CSS样式有四种方式,内部引用和外部引用各两种,因为老是忘记细节,记下了随时翻阅亦可方便如我般的初学者内部引用方式1: 直接在标签内用 style 引用,如: <div ...
Spring Data JPA-JPA对象的四种状态
Spring Data JPA-JPA对象的四种状态 JPA对象的四种状态临时状态:刚创建出来,∙没有与EntityManager发生关系,没有被持久化,不处于EntityManager中的对象.实 ...

css button 的四种状态 focus 伪类

css button 的四种状态 focus 伪类相关推荐

最新文章

热门文章