webkit htm5 css重置输入元素

| 这有点烦人。似乎webkit（通过chrome 13 canary）在设置各种输入类型的样式方面是正确的选择，并且在很大程度上与设计产生了冲突。 特别是这些让我头疼： 选定元素发光（通过轮廓） 占位符=文字样式 聚焦的文本区域和输入字段周围出现难看的光芒 我正在使用样板程序和modernizr。 带占位符的简单“ 0”将覆盖文本样式。 我知道您可以通过

input::-webkit-input-placeholder

但是，这似乎无法设置

text-shadow

之类的样式-有点胡扯。有谁知道这是否可能会解决错误，还是需要依靠JavaScript占位符解决方案？ 搜索输入带有一个白色的bg，并删除了基本CSS类中定义的圆角。我找到了一个重置​​代码：

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

input[type=search] {
  /* the webkit overrides need to stay at the top */
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  /* your styles here */
}

有点帮助 我通过设置

outline: none

修复了表单元素周围的辉光。 我想我真正想要的是CSS重置，该重置消除了影响其的

user agent stylesheet

中的任何预定义样式（根据Web检查器）。尽管doctype是HTML5，是否有任何重置功能可以做到，因此元素的显示方式与HTML5之前一样简单，并且遵循基本CSS中为它们设置的隐式规则？ 我讨厌这么说，但是尽管存在所有内存占用问题和插件运行缓慢的问题，FireFox 4仍能完美呈现所有内容。 Webkit不应尝试为您设置样式，而应提供一个API，如果您愿意的话，可以让您这样做。