改变chrome高亮输入框颜色

chrome在高亮输入框时是土黄色的,相当不好看.对比图如下:
chrome高亮
http://www.douban.com/photos/photo/585548331/


firefox高亮
http://www.douban.com/photos/photo/585548256/


safari高亮
http://www.douban.com/photos/photo/585548140/



个人比较喜欢safari和firefox(详见这篇文章fis.io/firefox-input-area-highlighting.html)中的高亮边框方案.

chrome 6.X支持自定义css了,在profile里面的User StyleSheets下有一个custom.css,加入下列css:


input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
outline: 2px solid #6FA1D9 !important;
-webkit-box-shadow:0px 0px 5px #6FA1D9 !important;
}

input[type="checkbox"]:focus,input[type="submit"]:focus,input[type="reset"]:focus, input[type="radio"]:focus {
outline: 1px solid #6FA1D9 !important;
}

这样就可以将输入框高亮为safari那种淡蓝色风格,而且focus的时候还加入了阴影,好看多了.
高亮其他元素的边框暂未调整,这个用css整起来比较麻烦,想要全改的同学可以直接修改chrome.dll,就可以全局改变这个土黄色为淡蓝色了