0
点赞
收藏
分享

微信扫一扫

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

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

  <style>
    /* 默认情况下隐藏下划线 */
    input[type="text"] {
      border: none;
      border-bottom: 1px solid transparent;
      outline: none;
    }

    /* 在聚焦时显示下划线 */
    input[type="text"]:focus {
      border-bottom: 1px solid black; /* 你可以更改颜色或其他样式 */
    }
  </style>

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

举报

相关推荐

0 条评论