Google搜索框的CSS秘密是什么?

pic*_*rdo 3 css user-interface search-box

我正在研究Google用来创建自己的ui的css方法.我意识到他们主页上的css代码没有引用他们的搜索框; 它似乎只是一个裸输入标签,没有边框,背景图像或通常用于样式化边框的任何约定.然而,它不仅可以显示色调和一种渐变,而且还略微圆,并且还会对光标焦点做出反应.

所以,你的猜测和我的一样好.请使用你的Firebug检查它,并帮助我到达这个谜语的底部.

http://www.google.com/

编辑:要清楚,我不是要做出美学判断.虽然我认为谷歌主页的极简主义很棒,但我真的很想知道他们用来在搜索框周围设计边框的技巧 - 不使用任何CSS.

Zac*_*man 10

你在用mac吗?并非所有本机UI元素都是圆形,发光和更改颜色的吗?

您是否有Google工具栏等附加组件,可以修改页面的UI而无法检测到它?

编辑:在问题中询问的技术实际上与CSS无关,与浏览器有关.Google主页上的文本输入没有应用CSS样式,因此留给浏览器决定它的外观.以下是该字段在Google Chrome中关注时的效果:

删除了死的ImageShack链接