239

2024-07-13 23:28| 来源: 网络整理| 查看: 265

239-input type=text 隐藏横线，鼠标聚焦或者编辑时，才显示原创

认真的coder 2023-12-18 12:23:39 博主文章分类：javascript ©著作权

文章标签下划线输入框 CSS 文章分类 Java 后端开发 yyds干货盘点

©著作权归作者所有：来自51CTO博客作者认真的coder的原创作品，请联系作者获取转载授权，否则将追究法律责任

使用CSS来在输入框获得焦点时显示下划线，并在失去焦点时隐藏下划线：

/* 默认情况下隐藏下划线 */ input[type="text"] { border: none; border-bottom: 1px solid transparent; outline: none; } /* 在聚焦时显示下划线 */ input[type="text"]:focus { border-bottom: 1px solid black; /* 你可以更改颜色或其他样式 */ }

outline: none; 去除默认的输入框聚焦时的边框

赞收藏评论分享举报

上一篇：238-hover 、active、focus伪类

下一篇：240-jquery 正则匹配的2种写法

【本文地址】

239

239

今日新闻

推荐新闻