国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

【譯】表單組件的屬性兼容性表

李文鵬 / 2554人閱讀

摘要:系列文章說明原文下面的兼容性表將總結出表單對的支持程度,由于和表單的復雜性,這幾個表不能認為是最佳的參考對象。該屬性不能生效,或者表現很不一致以至于不可靠。在表單組件上,不支持該屬性。按鈕屬性備注該屬性不會在上的瀏覽器上生效。

系列文章說明

原文

下面的兼容性表將總結出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難以表現原有格式,而且考慮到這些表格更多只是讓我們做個參考、閱讀難度也不是很大。所以下文將只會摘取兼容性表中一些屬性的說明作翻譯,完整表格請參照原文。^_^

文本框
屬性 備注
height 1.Webkit瀏覽器(多數指Mac OSX和iOS上的)對搜索框使用了原生的外觀和效果。所以得使用-webkit-appearance:none來讓搜索框能使用該屬性。
2.在Windows7上,IE9不會應用到邊框,除非使用了background:none
border 同上
padding 同上
color 1.若未設置border-color屬性,某些Webkit瀏覽器會給