input点击后的边框样式-css

要修改 `input` 点击后的边框样式，可以使用CSS的`:focus`伪类。通常这个特性用于表单元素的交互状态。要应用这一样式，需要设置`outline`属性。以下是一个示例代码：

```css

input {border: 2px solid #ccc;border-radius: 5px;padding: 5px;}

input:focus {outline: 2px solid #f00;}

```

在这个例子中，我们设置了基本的输入框边框样式，并在`:focus`伪类中应用了点击后改变的边框样式，使用了红色作为描边颜色。这样在用户点击输入框时，会看到一个红色的边框围绕着输入框。