如何在網頁上設置當前所選字段的樣式

Question

Chrome瀏覽器在當前選定的輸入元素周圍放置橙色高光，如何禁用此高光或更改其顏色？

Answer 1

我想這就是：

.myInput:focus /*or # depending*/ 
{ 
    outline: #f00; /*or outline: none;*/ 
} 

我認爲。

Answer 2

您可以用outline: 0或outline: none將其禁用。

您還可以使用outline-color: red（或任何其他顏色）更改顏色。

Answer 3

如果右鍵單擊所選輸入並選擇「檢查元素」，您將能夠看到默認應用的樣式，請在右側樣式選項卡中查找用戶代理樣式表。這是相關的位：

Answer 4

更多鈔票佈局：

:focus{ 
    outline-color:white; 
} 
[required]{ 
    border-color: #FFF; 
    -webkit-box-shadow: 0 0 3px rgba(51, 153, 255, .5); 
} 
:invalid { 
    border-color: #606077; 
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .8); 
}