📋 複製

刪除

/* 讓按鈕能絕對定位在容器內 */

.pw-wrap { position: relative; }



/* 給真正的密碼框右側留空，避免文字蓋到眼睛 */

#loginFixInline15 { padding-right: 3rem; } /* 視你的按鈕寬度可調 2.4~3.2rem */



/* 眼睛按鈕：覆蓋在輸入框裡面右側、垂直置中 */

.pw-toggle{

  position:absolute;

  right: .8rem;                 /* 調這裡可微調與右邊距離 */

  top: 50%;

  transform: translateY(-50%);  /* 垂直置中 */

  width: 28px;                  /* 按鈕寬高可依你輸入框高度調 */

  height: 28px;

  border: none;

  background: transparent;

  cursor: pointer;

  padding: 0;

  line-height: 1;

  z-index: 1;                   /* 確保覆蓋在輸入框上層 */

  background-repeat: no-repeat;

  background-position: center;

  background-size: 22px 22px;   /* 圖示大小，依需求調整 */

}



/* 用 CSS 指 SVG 圖檔路徑（路徑以 CSS 檔案所在目錄為基準） */

.pw-toggle.eye-open  { background-image: url("../images/eye-open.svg");  }

.pw-toggle.eye-close { background-image: url("../images/eye-close.svg"); }



/* 鍵盤可見焦點（可選） */

.pw-toggle:focus { outline: 2px solid #2684ff; outline-offset: 2px; }

📋 複製

Lyog6K6T5oyJ6YiV6IO957WV5bCN5a6a5L2N5Zyo5a655Zmo5YWnICovCgoucHctd3JhcCB7IHBvc2l0aW9uOiByZWxhdGl2ZTsgfQoKCgovKiDntabnnJ/mraPnmoTlr4bnorzmoYblj7PlgbTnlZnnqbrvvIzpgb/lhY3mloflrZfok4vliLDnnLznnZsgKi8KCiNsb2dpbkZpeElubGluZTE1IHsgcGFkZGluZy1yaWdodDogM3JlbTsgfSAvKiDoppbkvaDnmoTmjInpiJXlr6zluqblj6/oqr8gMi40fjMuMnJlbSAqLwoKCgovKiDnnLznnZvmjInpiJXvvJropobok4vlnKjovLjlhaXmoYboo6HpnaLlj7PlgbTjgIHlnoLnm7Tnva7kuK0gKi8KCi5wdy10b2dnbGV7CgogIHBvc2l0aW9uOmFic29sdXRlOwoKICByaWdodDogLjhyZW07ICAgICAgICAgICAgICAgICAvKiDoqr/pgJnoo6Hlj6/lvq7oqr/oiIflj7Ppgorot53pm6IgKi8KCiAgdG9wOiA1MCU7CgogIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTsgIC8qIOWeguebtOe9ruS4rSAqLwoKICB3aWR0aDogMjhweDsgICAgICAgICAgICAgICAgICAvKiDmjInpiJXlr6zpq5jlj6/kvp3kvaDovLjlhaXmoYbpq5jluqboqr8gKi8KCiAgaGVpZ2h0OiAyOHB4OwoKICBib3JkZXI6IG5vbmU7CgogIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50OwoKICBjdXJzb3I6IHBvaW50ZXI7CgogIHBhZGRpbmc6IDA7CgogIGxpbmUtaGVpZ2h0OiAxOwoKICB6LWluZGV4OiAxOyAgICAgICAgICAgICAgICAgICAvKiDnorrkv53opobok4vlnKjovLjlhaXmoYbkuIrlsaQgKi8KCiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDsKCiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyOwoKICBiYWNrZ3JvdW5kLXNpemU6IDIycHggMjJweDsgICAvKiDlnJbnpLrlpKflsI/vvIzkvp3pnIDmsYLoqr/mlbQgKi8KCn0KCgoKLyog55SoIENTUyDmjIcgU1ZHIOWcluaqlOi3r+W+ke+8iOi3r+W+keS7pSBDU1Mg5qqU5qGI5omA5Zyo55uu6YyE54K65Z+65rqW77yJICovCgoucHctdG9nZ2xlLmV5ZS1vcGVuICB7IGJhY2tncm91bmQtaW1hZ2U6IHVybCgiLi4vaW1hZ2VzL2V5ZS1vcGVuLnN2ZyIpOyAgfQoKLnB3LXRvZ2dsZS5leWUtY2xvc2UgeyBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoIi4uL2ltYWdlcy9leWUtY2xvc2Uuc3ZnIik7IH0KCgoKLyog6Y2155uk5Y+v6KaL54Sm6bue77yI5Y+v6YG477yJICovCgoucHctdG9nZ2xlOmZvY3VzIHsgb3V0bGluZTogMnB4IHNvbGlkICMyNjg0ZmY7IG91dGxpbmUtb2Zmc2V0OiAycHg7IH0K