當前樣式的狀態在2019年選擇

樣式形式控制，特別是<select></select>對於Web開發人員來說，元素仍然是一個重大挑戰。調查一貫排名樣式<select></select>頂級CSS中的元素功能請求。實際上，數據表明<select></select>要求元素的頻率是下一個最受歡迎的造型元素的兩倍以上。

有限的本地造型功能

雖然可以進行一些基本的外部樣式，但可以實現全面的跨瀏覽器兼容性<select></select>造型證明很困難。存在強大的跨瀏覽器解決方案，但它主要解決下拉列表的外觀。在不同瀏覽器中造型內部元素（下拉列表中的選項）仍然不一致和問題。

開發人員的反饋強調了這一限制，這揭示了最令人沮喪的方面<select></select>樣式是：

• 搜索功能：下拉列表中缺乏強大的搜索功能。
• 下拉式樣式：開放式下拉下拉的樣式不一致，包括選項和無法包含純文本的豐富內容。
• 動態更新：難以在不關閉下拉列表的情況下更新所選選項。
• 佔位符/選定狀態樣式：為未選擇狀態創建視覺上不同樣式的挑戰。

下表總結了開發人員在樣式時所經歷的疼痛點<select></select>元素：

挫折	％	數數
無法創建良好的用戶體驗以在列表中搜索	27.43％	186
無法在需要的程度上設計元素	17.85％	121
無法設置默認狀態（下拉箭頭等）	14.01％	95
無法在桌面上設置彈出窗口的樣式（例如邊框，掉落的陰影等）	11.36％	77
在控件或其S中的簡單文本之外插入內容	11.21％	76
將任意HTML內容插入元素	7.82％	53
無法創建獨特的未選擇/佔位符的風格和行為	3.39％	23
彈出窗口打開時能夠從大數據集生成新選項	3.10％	21
無法在您需要的範圍內為當前選擇的造型	1.77％	12
無法在移動設備上樣式彈出窗口	1.03％	7
能夠在滾動時自動重複選項（即，如果您有選項1 - 100的列表，當您達到100時，而不是讓用戶滾動回到頂部，則顯示1個以下100以下）	1.03％	7

令人驚訝的是，多選擇樣式並不是最重要的問題，可能是由於向後兼容性問題所致。

瀏覽器改進和未來的方向

瀏覽器供應商的最新公告建議正在進行改進以形成控製樣式。有關這些發展的進一步更新和詳細信息，建議使用Nicole Sullivan的演講和Greg Whitworth的深入文章。

以上是當前樣式的狀態在2019年選擇的詳細內容。更多資訊請關注PHP中文網其他相關文章！