当前样式的状态在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中文网其他相关文章！