在css伪类中单击时，边框颜色不会更改

在CSS伪类中，当单击元素时，边框颜色通常不会自动更改。边框颜色的更改通常需要使用JavaScript来实现。

CSS伪类主要用于根据元素的状态或位置来选择元素并为其应用样式。然而，伪类并不能直接实现在单击事件发生时改变边框颜色的效果。

要实现这个效果，你可以使用JavaScript来监听元素的单击事件，并在事件发生时改变元素的边框颜色。以下是一个示例代码：

HTML代码：

<div id="myElement">点击我</div>

CSS代码：

#myElement {
  width: 100px;
  height: 50px;
  border: 1px solid black;
}

#myElement.clicked {
  border-color: red;
}

JavaScript代码：

var myElement = document.getElementById("myElement");

myElement.addEventListener("click", function() {
  myElement.classList.add("clicked");
});

在上面的例子中，当点击<div>元素时，JavaScript代码会将clicked类添加到元素的class属性中。CSS中定义了.clicked类，它会将边框颜色改变为红色。

这样，当你点击元素时，边框颜色会发生改变。你可以根据具体需求来修改代码和样式，以适应你的应用场景。

推荐的腾讯云产品：腾讯云服务器（CVM） 腾讯云产品介绍链接地址：https://cloud.tencent.com/product/cvm