如何更改输入框被选中时的边框颜色
时间: 2023-12-14 12:37:30 浏览: 286
点击输入框默认文字消失效果
4星 · 用户满意度95%
你可以使用 CSS 中的 `:focus` 伪类选择器来改变输入框被选中时的边框颜色。例如,下面的代码将选择所有类型为 input 的元素,并在它们被选中时将边框颜色设置为蓝色:
```css
input:focus {
border-color: blue;
}
```
你还可以使用 `outline` 属性来设置选中时的边框样式,例如:
```css
input:focus {
outline: 2px dotted blue;
}
```
这将在选中时在输入框周围添加一个蓝色的虚线边框。
阅读全文