使用css样式化表单元素可能会有问题,因为每个浏览器都以不同的方式呈现标记(就像safari呈现复选框时一样).
好吧让我们暂时忽略safari,皮肤输入和按钮相当容易,但如何完全皮肤选择,复选框,收音机等.
查看此页面:
Checkbox skinning
选择蒙皮
无线皮肤
我听说过一些JS框架,比如EXTJS或MooTools可以做到这一点,但我不想要大规模的框架解决方案,只需要独立的JS,我们可以随意修改皮肤,请不要使用JQuery解决方案,因为我不喜欢使用它.
没有使用某些特定框架的任何想法吗?
如果您想要完全控制,那么您通常必须完全替换浏览器控件并使用其他元素,样式表和脚本进行伪造.
如果你不想使用框架,那么它基本上归结为DIY.
也就是说,整个概念有几个问题.
试图使控件表现出用户期望的行为(给定点击,双击,三击,右键单击,拖动,箭头键,控制键等输入等)很难.
控件可能看起来不像用户期望的那样.
就个人而言,我通常会尝试让表单控件坚持系统默认值,而不是试图偏离它们.为用户提供他们的期望.