lydia dugger通過電子郵件向我們提供了乙個很好的提示，其中提供了一種更改webkit瀏覽器應用於自動完成的表單字段的樣式的方法。
許多瀏覽器（包括chrome和safari）都提供了一項設定，允許使用者自動填寫常見表單字段的詳細資訊。 在填寫要求輸入姓名，位址和電子郵件之類的**時，您已經看到了這一點。
問題在於使用者必須啟用此設定才能使此**段生效。 如果啟用了該設定，則webkit瀏覽器將為使用者設定已自動完成的字段的樣式，如下所示：
請注意，自動完成欄位的背景是黃色的嗎？ 這就是我們要引用的內容，並且將隨著此**片段而改變。
我們可以使用-webkit-autofill偽選擇器來定位這些欄位並根據需要設定樣式。 預設樣式僅影響背景顏色，但是大多數其他屬性（例如border和font-size在這裡適用。 我們甚至可以使用下面的**段中的-webkit-text-fill-color更改-webkit-text-fill-color。
/* change autocomplete styles in chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus
翻譯自:
webkit瀏覽器常見開發問題
滔滔不絕，直到我除錯xml解析時，我才發現好多問題都與理解的不一致，在分析原始碼的時候只了解了大體步驟。細節你真的清楚嗎？一 http header 網頁頭請求 列舉幾個重要的 accept 指定客戶端能夠接收的內容型別 accept text plain,text html accept char...
Webkit 瀏覽器預設焦點查詢演算法
當我們用 方向鍵 在 html頁面 上移動，此時，可通過多種方式控制焦點行為 1 通過 js 邏輯，控制焦點的移動，此時下乙個焦點位置，完全是由 js 來控制 2 可通過瀏覽器預設行為，瀏覽器會計算焦點的位置，響應上下左右按鍵是通過 各個焦點相對位置 來確定下乙個焦點 注 1 當頁面通過 js 邏輯...
在瀏覽器中草繪
馬克 達格利什詳細介紹他的團隊如何尋求試圖建立的反應，那麼，可轉化成素描檔案元件庫。為什麼這很重要？好吧，馬克這樣描述了他的團隊面臨的問題 大多數設計系統仍存在根本缺陷。設計師和開發人員繼續在完全不同的媒介中工作。結果，在沒有持續不斷的手動工作以保持同步的情況下，我們的 和設計資產一直在不斷地偏離。...