css点击输入框出现边框 |css设置边框样式

css-spinners，css背景掩盖图片，jquery css 用变量吗，css 鼠标经过图标滚蛋，css表格边距怎么调，在dw中插入css表格，css设置边框样式 css点击输入框出现边框 |css设置边框样式

input[type="text"] {
border: none;
border-bottom: 2px solid black;
outline: none;
}
input[type="text"]:focus {
border-color: blue;
}

首先设置了输入框的边框样式，border:none表示不显示边框，border-bottom:2px solid black表示底部显示2个像素的黑色边框线，outline:none表示无法通过键盘操作激活输入框的边框线。

接下来在:focus伪类中设置了当输入框被激活（即被点击或通过tab键进入）后，边框线颜色变为蓝色。这个变化不仅仅是颜色的变化，更重要的是用户的反馈，这样用户就可以知道他们正在输入的区域，提高了用户体验。