blocks|key|1836600|text|使用jQuery。具体地说就是toggleClass函数，然后使用CSS类来设计表单的样式。不需要插件。参见jQuery+Attributes+Documentation。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1836601|如果你想要更多的风格，请查看jQuery+UI。|1836602|entityMap|0|LINK|mutability|MUTABLE|url|http://jquery.com/|1|http://docs.jquery.com/Attributes|2|http://jqueryui.com/^0|F|B|2|6|0|1I|V|1|0|E|9|2|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@$9|W|A|X|1|Y]|$9|Z|A|10|1|11]]|E|$]]|$1|F|3|G|5|6|7|12|8|@]|D|@$9|13|A|14|1|15]]|E|$]]|$1|H|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]|P|$5|K|L|M|E|$N|Q]]|R|$5|K|L|M|E|$N|S]]]]

Use <a href="http://jquery.com/" rel="nofollow noreferrer">jQuery</a>. Specifically the <code>toggleClass</code> function and then use CSS classes to style your forms. No plugin required. See <a href="http://docs.jquery.com/Attributes" rel="nofollow noreferrer">jQuery Attributes Documentation</a>.

If you want more styles, check out <a href="http://jqueryui.com/" rel="nofollow noreferrer">jQuery UI</a>.

blocks|key|1838807|text|对于通常不能在中应用样式的元素，请使用CSS类名。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1838808|entityMap^0|7|H|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

Use class names for you elements for which you can't apply styles generally in CSS.

blocks|key|1948094|text|有一些插件可以做你想做的事情。基本上，您希望通过javascript+%2B+css向表单添加特殊样式，但如果禁用javascript，则希望表单正常工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1948095|这里有两个这样的插件，但我相信还有更多：|1948096|1948097|Uniform+for+jQuery+on+Github和The+Overview|ordered-list-item|offset|length|1948098|FancyForm+for+MooTools|1948099|1948100|entityMap|0|LINK|mutability|MUTABLE|url|http://github.com/pixelmatrix/uniform/|1|http://pixelmatrixdesign.com/weblog/comments/announcing_uniform/|2|http://lipidity.com/fancy-form/^0|0|0|0|0|S|0|T|C|1|0|0|M|2|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|10|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|11|8|@]|9|@$H|12|I|13|1|14]|$H|15|I|16|1|17]]|A|$]]|$1|J|3|K|5|G|7|18|8|@]|9|@$H|19|I|1A|1|1B]]|A|$]]|$1|L|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]|U|$5|P|Q|R|A|$S|V]]|W|$5|P|Q|R|A|$S|X]]]]

There are a few plugins that do what you want. Basically, you want to add special styling to forms via javascript + css, but want the form to function normally if javascript is disabled

Here are two such plugins, but I am sure there are more out there:

<ol>
<li><a href="http://github.com/pixelmatrix/uniform/" rel="nofollow noreferrer">Uniform for jQuery on Github</a> and <a href="http://pixelmatrixdesign.com/weblog/comments/announcing_uniform/" rel="nofollow noreferrer">The Overview</a></li>
<li><a href="http://lipidity.com/fancy-form/" rel="nofollow noreferrer">FancyForm for MooTools</a></li>
</ol>

blocks|key|536935|text|这个新的插件工作得很好，比制服更健壮。http://customformsjs.com/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|536936|entityMap|0|LINK|mutability|MUTABLE|url|http://customformsjs.com/^0|J|P|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

This new plugin works pretty well and is more robust than uniforms. <a href="http://customformsjs.com/" rel="nofollow">http://customformsjs.com/</a>

How to style from elements unobtrusively in all browsers including IE6

How to style form elements unobtrusively with JavaScript and CSS?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

如何在所有浏览器(包括IE6 )中不显眼地设置元素样式

问如何使用JavaScript和CSS低调地设置表单元素的样式？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用JavaScript和CSS低调地设置表单元素的样式？EN