」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 為什麼在 Chrome 中放大時輸入邊框會消失?

為什麼在 Chrome 中放大時輸入邊框會消失?

發佈於2024-11-12
瀏覽:765

Why Do Input Borders Disappear When Zooming in Chrome?

Chrome 縮放問題:輸入邊框消失

Chrome 縮放問題:輸入邊框消失

用戶在Google Chrome 中遇到了一個令人困惑的問題,放大或縮小時輸入邊框消失。該問題已在論壇上出現,用戶正在尋求解決方案。 使用Chrome放大時會出現問題,導致輸入框消失。此行為已在某些網站上觀察到,並且可能會因縮放等級而異。

解決方案:邊框厚度的 CSS 修改

INPUT,TEXTAREA {
  border-top: 1px solid #aaa
}

例如,如果 CSS 最初包含以下程式碼:

INPUT,TEXTAREA {
  border-top: thin solid #aaa
}

將其替換為以下程式碼可以修正該問題:INPUT,TEXTAREA { 頂部邊框:薄實心#aaa }

Chrome Bug 或 CSS 問題?

此行為的根本原因尚不清楚。雖然有些人推測這可能是 Chrome 的 bug,但其他人則認為問題出在用於定義邊框的 CSS 上。 Why Do Input Borders Disappear When Zooming in Chrome?

將邊框厚度更改為「薄」似乎可以有效解決該問題,這表明問題與 Chrome 中細邊框的渲染有關。

最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3