」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何去除輸入按鈕上的邊框?

如何去除輸入按鈕上的邊框?

發佈於2024-12-21
瀏覽:414

How to Get Rid of the Border on Input Buttons?

解決輸入按鈕的邊框問題

當您點擊輸入按鈕時,會出現難看的邊框,破壞美觀。為了解決這個問題,已經嘗試了各種方法,例如利用 onfocus: none。然而,這些努力被證明是徒勞無功的。

為了解決這個長期存在的問題,CSS 領域有一個簡單的解決方案。透過合併大綱:無;到你的樣式定義中,你可以神奇地刪除這個不需要的邊框。

這是 CSS 程式碼的更新版本,它將消除邊框:

input[type=button] {
    width: 120px;
    height: 60px;
    margin-left: 35px;
    display: block;
    background-color: gray;
    color: white;
    border: none;
    outline: none;
}

透過套用此 CSS 規則,當點選輸入按鈕時,難看的邊框將會消失。您的按鈕現在將展現出乾淨、專業的外觀。

最新教學 更多>

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

Copyright© 2022 湘ICP备2022001581号-3