禁用Chrome擴展程序中的文本字段藍色突出顯示？

Question

我工作的一個Chrome擴展，它可以讓您編輯小文本字段，並單擊真煩人，當我發現周圍的文本字段中的藍色亮點。

有沒有一種方法（最好使用CSS），使這個亮點稍薄？我覺得它太厚了，需要瘦身。謝謝！

截圖藍色亮點：

Answer 1

是;只需將'none'分配給'outline'屬性：

input { 
    outline: none; 
} 

JS Fiddle demo。

請考慮外形爲UI功能凸顯當前活動/ -focused表單元素並刪除視覺提示可能會阻礙一些用戶。

---

響應由Beakr，在OP評論左撇子編輯，在下面的評論：

我正打算禁用/修改它，看看它可以做。

要調整風格爲outline您可以訪問各個屬性：

elementSelector:focus { 
    outline-width: 4px; /* thin, medium, thick or standard CSS length units */ 
    outline-style: auto; /* or 'inherit', 'none' or border-style (solid, dashed, dotted...) */ 
    outline-color: #f90; /* standard CSS colors */ 
} 

JS Fiddle demo。

以上也可以濃縮，用速記符號：

elementSelector:focus { 
    outline: 4px auto #f90; 
} 

最小的可用於可能的輪廓測量的要麼是：

elementSelector:focus { 
    outline-width: thin; /* or 1px */ 
}