“选择题”样式（换色）教程（svg））
“选择题”样式（换色）教程
今天来135编辑器讲一下最近朋友们使用比较频繁的“选择题”样式换色教程。
两点说明一下：①ABCD是可以点的，SVG样式，可以点击变色；②ABCD的颜色是可以更换的，在HTML模式可换点击后显示的颜色。
|| 可以点击体验一下选择题样式 ||
样式中心已上三款选择题样式，胖友们可以根据下面的ID或者标签进行检索收藏使用。
1
ID:91494,选择题 SVG
2
ID:91492,选择题 SVG
3
ID:91493,选择题 SVG
下面教教大家，如何修改并使用这些样式
1、如何加长第一个选择题样式？
方法一：复制Ctrl+C同样式中内容，粘贴Ctrl+V，然后再对细节修改
方法二：添加单个选择题样式，然后再对细节修改
2、如何修改第一个和第二个选择题样式的ABCD颜色？
点击 HTML 键进入html编辑模式
ABCD四个选项每个字母在HTML中会出现两次，在第二处出现的代码上方将f00改写成0f0，此时，点击后显示红色将变成绿色。
<text x="50%" y="22" height="30" style="color: rgb(12, 12, 12); text-anchor: middle; font-weight:bold;" font-size="16" fill="#333">
A
</text>
</g>
<g style="opacity:0;">
<text x="50%" y="22" height="30" style="color: rgb(12, 12, 12); text-anchor: middle; font-weight:bold;" font-size="16" fill="#f00">
A
</text>
3、如何修改一样式的“点击查看正确答案”？
首先这是一个点击显示的样式，内容修改需在HTML模式进行。然后直接修改红色内容就可以。（ ；是空格的代码）
<text x="10" y="25" height="30">
1. A
</text>
<text x="10" y="50" height="30">
2. D
</text>
<text x="10" y="75" height="30">
3. C
</text>
如果需要添加新的一行，直接复制<text ......</text>这段代码，添加在后面，并将y的数值+25即可。
4、如何修改三样式点击显示的颜色？
同样在HTML中修改，在每个选项的前面，找到下面这段代码
<circle fill="#fff" stroke="#231815" stroke-width="2" cx="14" cy="14" r="8"></circle>
</g>
<g style="opacity:0;">
<circle fill="#0f0" stroke="#231815" stroke-width="2" cx="14" cy="14" r="8"></circle>
将0f0换成f00，此时，点击后显示绿色将变成红色。
此样式可以作为判断题样式来使用。
样式使用示例
一、单选题：本大题共1小题，每小题2分，共2分，每小题给出的四个选项中，只有一个是正确的，直接点击选项，完成作答
1.关于135编辑器，说法错误的是？
尽量使用非IE核浏览器
升级浏览器最新Flash插件
可以使用系统自带IE浏览器
推荐360安全、猎豹、谷歌浏览器
二、多选题：本大题共1小题，每小题2分，共2分，每小题给出的四个选项中，至少有一个是正确的，直接点击选项，完成作答
2.关于135编辑器，说法正确的是？
一键排版可以快速完成排版工作
模板定制有利于打造公众号风格
135编辑器无法定时群发
同步功能可减少排版出现错误
三、判断题：本大题共1小题，每小题2分，共2分，每小题给出的两个选项中，只有一个是正确的，直接点击选项，完成作答
3.公众号授权135编辑器可以使用“同步”功能
对的
错的
本文首发样式由135编辑器原创设计，已申请软著保护，禁止任何编辑器、编辑插件以任何形式洗稿、抄袭。欢迎企业、个人在135编辑器样式中心收藏使用。
点击邀请链接：http://www.135editor.com/users/register/ddb12a17ce400c35fe041d275a578351 就可以加入135编辑器了哦，偷偷告诉大家（点击该链接，还可以获得7天VIP会员哦，一般人我不告诉，哈哈哈哈）
当然，你也可以自己加入。网址在这里：https://www.135editor.com/效果是一样的。通过我的邀请加入135编辑器，相当于是对我的一种帮助和鼓励。我自己会因为你们的支持而获得会员权限，可以享受会员的所有权益，像是新样式可以免费使用，图片保存数量从100提升到1000，个人模板从3个提升到无限制，云端草稿和恢复历史版本可以无限次使用，文本校对从3次升到100次等等，所以还劳烦大家帮个忙。
立即登录
