css input边框颜色

作者：农村混血兒发布日期:2025-02-16 浏览:118

/* 设置 input 元素的边框颜色为蓝色 */
input {
    border: 2px solid blue;
}

/* 当 input 元素获得焦点时，边框颜色变为红色 */
input:focus {
    border-color: red;
}

border: 2px solid blue;：这行代码设置了所有 input 元素的边框样式。2px 表示边框的宽度，solid 表示边框的样式为实线，blue 表示边框的颜色为蓝色。
input:focus { border-color: red; }：当 input 元素获得焦点（例如用户点击输入框或使用 Tab 键导航到该元素时），边框颜色会变为红色。border-color 只改变边框的颜色，而不改变其他属性如宽度和样式。