css input选中后的黑框怎么去

作者：穹上之月发布日期:2025-11-02 浏览:90

/* 去除 input 选中后的黑框 */
input:focus {
    outline: none;
}

/* 如果需要保留一些视觉反馈，可以使用边框或其他样式 */
input:focus {
    outline: none;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

解释说明：

outline: none;：这行代码会移除输入框在获得焦点时的默认轮廓（通常是黑色或蓝色的边框）。
第二个示例展示了如何在移除默认轮廓的同时，通过自定义边框和阴影来保持一定的视觉反馈，使用户仍然能够知道哪个输入框处于焦点状态。

上一篇：css横向滚动条样式

下一篇：css 宽度