CSS中的輸入框全局發光效果讓你的頁面看起來更加專業和時尚，而且使用起來也很簡單。

input {
border: none;
border-bottom: 2px solid #333;
padding: 10px 0;
background-color: transparent;
outline: none;
position: relative;
}
input::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
transition: all 0.5s ease;
background-color: #333;
}
input:focus::before {
width: 100%;
}

其中，我們先將輸入框的底部邊框設置成透明，然后使用偽元素來模擬輸入框的下劃線，樣式設置為絕對定位，位于輸入框底部。

當輸入框處于焦點狀態時，通過轉換屬性動畫來擴大偽元素寬度，實現全局發光效果。

這種方法除了適用于文本輸入框外，還適用于其他表單元素的樣式設計，讓你的頁面充滿魅力。