gpt4 book ai didi

css - 删除表单元素上的默认浏览器样式

转载 作者:行者123 更新时间:2023-12-04 15:51:19 26 4
gpt4 key购买 nike

注意:我尝试在 google 上搜索,但找不到我要找的东西。

浏览器有一些用于呈现表单元素的默认样式,这些样式因浏览器而异。有没有办法重置表单元素(如选择、单选、复选框等)的所有原生浏览器样式,以在浏览器中保持一致的外观?

我做了一个简单的例子:

form elements http://grab.by/grabs/34db87ee1ad93e031cc72808feb2c8e7.png

可以看到表单元素的呈现方式略有不同。我想要的是一些样式,可以重置它们,使其看起来相似,适用于 IE、Firefox 和 Webkit。

那么你是怎么做到的呢?一个包含所有需要样式的 CSS 样式表的链接会很棒。

最佳答案

简答:你不能。

长答案:你可以,但要期待痛苦。

我用'sleight of hand' javascript + css 将漂亮的单选按钮、复选框和选择组合在一起。基本上,在加载输入后,我将其隐藏并用标签/div 替换它,并用绑定(bind)到它们的事件使它们表现得像它们是正确的输入,并使用 css 使它们看起来那样。这些事件还会更新基础输入,以便与表单的其余部分一起提交正确的值。如果我的脚本 barfs 或 JS 关闭,用户将获得正常的控件。

虽然没那么有趣,但结果还算过得去。

我不期待看到 IE 把它弄得一团糟 :)

我的灵感来自:

http://sourceforge.net/projects/selectreplace/?showfeed=code

关于css - 删除表单元素上的默认浏览器样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3616518/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com