Bootstrap CSS – Change Bootstrap input focus blue glow

Bootstrap 有預設樣式,當選取指定欄位,觸發欄位焦點狀態(focus),會有一個半透明外框凸顯焦點欄位的預設藍色樣式,但隨著網頁主題樣式的需求,需要修改焦點樣式的部分

我原本以為焦點樣式的透明框式 border 邊框,查了一下是在邊框外,加上區區塊陰影,已上圖為例,修改 CSS focus 外框顏色的範例如下:

.form-control:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

https://stackoverflow.com/a/54925591

如果文章對您很有幫助
請我喝杯咖啡吧

Bitcoin 比特幣錢包:

18fCwNnEJ7UfMNS3GcUczPNa72NMsWcvaU



ann71727

READ  CSS Bootstrap change HTML input placeholder color

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料