怎么通过button的:active改变button标签中span标签的border-color属性
时间: 2024-03-14 15:42:46 浏览: 95
鼠标移入a标签后修改span的颜色1
可以使用CSS中的伪类选择器`:active`和子选择器`>`来实现这个效果。代码如下:
```html
<button>
<span>按钮</span>
</button>
```
```css
button:active > span {
border-color: red;
}
```
当按钮被点击时,`:active`伪类选择器会生效,此时子选择器`>`会选中按钮中的`span`标签,并将其边框颜色设置为红色。
阅读全文