CSS實現會發光的輸入框input

經過input標籤建立一個輸入框後，當用鼠標點擊輸入框會發現輸入框外圍邊框會變色且會變得模糊，這是由於瀏覽器的默認樣式在搗蛋，接下來咱們自定義focus樣式。css 實現上述效果須要4個步驟 取消瀏覽器默認樣式outline。 設置邊框樣式、寬度、顏色。 設置邊框陰影。 漸變過渡效果 取消瀏覽器默認樣式outline 以谷歌瀏覽器爲例，當focus input輸入框時瀏覽器會設置outline:

>>阅读原文<<