goo*_*orp 2 css forms default cross-browser reset
注意:我尝试在谷歌搜索,但找不到我要找的东西.
浏览器有一些默认样式用于呈现表单元素,这与浏览器不同.有没有办法重置表格元素的所有本机浏览器样式,如选择,无线电,复选框等,以使浏览器的外观一致？
我做了一个简单的例子:
表格元素http://grab.by/grabs/34db87ee1ad93e031cc72808feb2c8e7.png
可以看出,表单元素的呈现方式略有不同.对于IE,Firefox和Webkit,我想要的是一些样式,可以重置它们,看起来很相似.
那你怎么做的？链接到具有所有所需样式的css样式表将是非常棒的.
简短的回答:你做不到.
答案很长:你可以,但期待痛苦.
我已经用漂亮的手javascript + css一起攻击漂亮的单选按钮,复选框和选择.基本上,在加载输入之后,我隐藏它并用标签/ div替换它,并使用绑定到它们的事件使它们表现得像是正确的输入,而css使它们看起来像那样.事件还会更新基础输入,以便使用表单的其余部分提交正确的值.如果我的脚本barfs或JS关闭,则用户获得正常控件.
这不是那么有趣,但结果是可以接受的.
我不期待看到IE的混乱虽然:)
我的灵感来自:
http://sourceforge.net/projects/selectreplace/?showfeed=code
| 归档时间： |
|
| 查看次数： |
3254 次 |
| 最近记录： |
