Mac和PC上所有瀏覽器中的相同表單元素

我正在尋找最佳/有效的方式，以在PC和Mac上的所有瀏覽器中獲得相同的表單元素。這聽起來像是一個非常基本的問題，我應該知道答案，但有趣的是我無法弄清楚。Mac和PC上所有瀏覽器中的相同表單元素

我一直在使用CSS來創建樣式表單，偶爾還會有一段時間的JQuery，我從不擔心瀏覽器/計算機之間的細微差別。

但現在我正在一個項目中，他們字面上必須是相同的。有任何想法嗎？

來源

2013-02-05 AzzyDude

你應該表現出你的經理的區別賭注讓瀏覽器輸入樣式，並詢問他們是否有這個位的預算...... –

沒有選擇，只能用CSS來擺弄，試圖讓它們看起來很相似。儘管如此，我非常懷疑你會在所有瀏覽器/操作系統中獲得精確的相似度。 – Jamiec

可能有用：http://stackoverflow.com/questions/5361606/input-fields-rendered-very-differently-in-different-browsers – Jamiec

你不能。複雜形式控件的組件是所謂的shadow DOM的一部分：我們可以看到該元素由較小的組件組成，但我們無法對它們進行樣式設計。

像按鈕或texty（文本，密碼，搜索，網址，電子郵件，電話）輸入字段的簡單元素通常可以設置樣式，以在各瀏覽器間保持一致（假設您使用的樣式是由所述瀏覽器支持的）。

幾乎所有其他的東西看起來很奇怪，如果你試圖去設計它。最糟糕的犯罪人是選擇和複雜的輸入（文件，日期，日期時間，時間，顏色，範圍，數字等），因爲它們由多個元素組成（例如輸入字段和一個或兩個按鈕）。除非瀏覽器允許你通過特殊的CSS屬性來設置這些組件的樣式（我確定我已經在Webkit前綴下看到了一些，但是不能告訴你哪些組件），所以你不能觸摸它們。

你有3個選擇這裏：

不要以任何方式將導致它（這樣簡單和複雜的控制繼續尋找彼此相似）刪除瀏覽器的默認樣式沒有樣式表單控件
根本不使用複雜的表單控件（即沒有任何文件，選擇等）
通過JavaScript

來源

2013-02-05 13:44:27 cimmanon

Mac和PC上所有瀏覽器中的相同表單元素

回答

相關問題