【译】表单组件的属性兼容性表

摘要：系列文章说明原文下面的兼容性表将总结出表单对的支持程度，由于和表单的复杂性，这几个表不能认为是最佳的参考对象。该属性不能生效，或者表现很不一致以至于不可靠。在表单组件上，不支持该属性。按钮属性备注该属性不会在上的浏览器上生效。

系列文章说明

原文

下面的兼容性表将总结出HTML表单对CSS的支持程度，由于CSS和HTML表单的复杂性，这几个表不能认为是最佳的参考对象。尽管如此，它们也能让你更了解能做什么、不能做什么，这将有助于你学习如何开发。

各个属性都有如下四个可能的值：
YES
具有可靠而一致的跨浏览器支持。但你可能还得在某些边际情况下面对一些奇怪的副作用。

PARTIAL
当该属性生效时，你可能会频繁遇见那些奇怪的副作用或者不一致性。最好避免使用这些属性，除非你能掌控这些副作用。

NO
该属性不能生效，或者表现很不一致以至于不可靠。

N.A
该属性对于这类组件来说没有什么意义。

每种属性都有两种可能的效果：
N(Normal)
指该属性被直接应用。

T(Tweaked)
指该属性和下列额外规则一起使用：

* {
/* 在Webkit浏览器下禁用原生的外观和效果 */
  -webkit-appearance: none;

/* 在Gecko浏览器下禁用原生的外观和效果 */
  -moz-appearance: none;

/* 在几个不同的浏览器下禁用原生的外观和效果，包括Opera,Internet Explorer和Firefox */
  background: none;
}

在整体水平上，一些行为对于多数浏览器来说是一致的：

border, background, border-radius, height
在一些浏览器上，使用这些属性可以部分或者完全禁止组件的原生外观和体验。所以使用时请小心。

line-height
该属性的跨浏览器支持很不一致，得避免使用它。

text-decoration
在表单组件上，Opera不支持该属性。

text-overflow
在表单组件上，Opera，safari 和 IE9不支持该属性。

text-shadow
在表单组件上Opera不支持该属性，而IE9干脆就完全不支持它。

译注：由于表格内容比较复杂、使用markdown难以表现原有格式，而且考虑到这些表格更多只是让我们做个参考、阅读难度也不是很大。所以下文将只会摘取兼容性表中一些属性的说明作翻译，完整表格请参照原文。^_^