HTML中如何设置button按钮让一个text中的字体变大一号？_百度知道
HTML中如何设置button按钮让一个text中的字体变大一号？
首先给你的按钮设置一个class：然后输入如下：class=&btn&；btn{width:200height:50即可调试按钮字体大小。例如：一个text文本 &button中onclick调用了事件FontChange(21)，21为传递的参数：字体大小：&input&type=&button&&value=&字体变大&&onclick=&FontChange(21);&&/&&input&id=&txtchange&&type=&text&&value=&sss&&&例如：button调用的函数，函数通过选择器找到id为txtchange的元素，修改元素的字体大小，原生javascript：function&FontChange(size){document.getElementById('txtchange').style.fontSize=size+'pt'
采纳率：96%
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。拒绝访问 | www.wangchao.net.cn | 百度云加速
请打开cookies.
此网站 (www.wangchao.net.cn) 的管理员禁止了您的访问。原因是您的访问包含了非浏览器特征(42fa0acde5844cc0-ua98).
重新安装浏览器，或使用别的浏览器微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
转载 &更新时间：日 09:00:10 & 作者：FutrueJet
这篇文章主要介绍了微信小程序实现点击按钮修改文字大小功能,涉及微信小程序事件绑定及setData动态修改Page页面data数据,进而控制页面元素属性动态改变的相关操作技巧,需要的朋友可以参考下
本文实例讲述了微信小程序实现点击按钮修改文字大小功能。分享给大家供大家参考，具体如下：
1、效果展示
2、关键代码
index.wxml文件
&view class="view" style="font-size:{{fontSize}}pt"&我是view标签&/view&
&button class="btn" type="default" bindtap="magnifyFontSize"&点击我字体变大&/button&
&button class="btn" type="default" bindtap="shrinkFontSize"&点击我字体变小&/button&
index.js文件
fontSize:10
magnifyFontSize(){
this.setData({
fontSize:this.data.fontSize+1
shrinkFontSize(){
this.setData({
fontSize:this.data.fontSize-1
和前面的文章相似，这里的事件响应函数中使用了this.setData修改了fontSize为this.data.fontSize+1或this.data.fontSize-1，进而动态修改了index.wxml文件中style="font-size:{{fontSize}}pt"的字体大小。
3、源代码点击此处。
希望本文所述对大家微信小程序开发有所帮助。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具Pages: 1/2
主题 : 如何通过代码设置Button&&title的字体大小
级别: 骑士
可可豆: 2099 CB
威望: 2100 点
在线时间: 410(时)
发自: Web Page
如何通过代码设置Button&&title的字体大小&&&
如题，button.titleLabel.font=10;这样写有问题，正确的代码应该怎么写啊？
级别: 骑士
可可豆: 2099 CB
威望: 2100 点
在线时间: 410(时)
发自: Web Page
解决了btnOpenAppURL.titleLabel.font&&&&= [UIFont systemFontOfSize: 12];
级别: 新手上路
可可豆: 263 CB
威望: 263 点
在线时间: 66(时)
发自: Web Page
，正是我找到， 谢了。
级别: 精灵王
可可豆: 3040 CB
威望: 4930 点
在线时间: 1311(时)
发自: Web Page
谢谢楼主！
可可豆: * CB
威望: * 点
在线时间: (时)
注册时间: *
最后登录: *
发自: Web Page
级别: 侠客
UID: 87505
可可豆: 116 CB
威望: 114 点
在线时间: 248(时)
发自: Web Page
级别: 侠客
可可豆: 394 CB
威望: 394 点
在线时间: 74(时)
发自: Web Page
级别: 新手上路
UID: 278460
可可豆: 35 CB
威望: 19 点
在线时间: 45(时)
发自: Web Page
有用么？button通过设置titleLabel.text的貌似不起作用的！有人成功了？求图求真相！
级别: 新手上路
可可豆: 65 CB
威望: 50 点
在线时间: 191(时)
发自: Web Page
回 7楼(demo_nil) 的帖子
为什么不行呢?
级别: 新手上路
UID: 280568
可可豆: 57 CB
威望: 30 点
在线时间: 65(时)
发自: Web Page
It's ok! thanks
Pages: 1/2
关注本帖(如果有新回复会站内信通知您)
发帖、回帖都会得到可观的积分奖励。
按"Ctrl+Enter"直接提交
关注CocoaChina
关注微信 每日推荐
扫一扫 关注CVP公众号
扫一扫 浏览移动版Label或Button自适应宽度或文字大小 - 简书
Label或Button自适应宽度或文字大小
1、确定Label或Button的字体大小，使其宽度自适应
UILabel *contentLabel = [[UILabel alloc]initWithFrame:CGRectMake(100, 100, 120, 30)];
contentLabel.font = [UIFont systemFontOfSize:15];//--------&定义Font的大小
contentLabel.backgroundColor = [UIColor redColor];
contentLabel.text = @"我已知晓,且已阅读并同意以上条款";
[contentLabel sizeToFit];//--------&注意和上面一句代码顺序不能颠倒
[self.View addSubview:contentLabel];
2、确定Label或Button的宽度，使字体大小自适应
//无需自己设置字体大小
UILabel *contentLabel = [[UILabel alloc]initWithFrame:CGRectMake(100, 100, 120, 30)];
contentLabel.backgroundColor = [UIColor redColor];
contentLabel.text = @"我已知晓,且已阅读并同意以上条款";
contentLabel.adjustsFontSizeToFitWidth = YES;//默认为NO--------&注意和上面一句代码顺序不能颠倒
[self.View addSubview:contentLabel];
如果是Button的话，和上面一样，只有一点小小的区别：
[button.titleLabel
sizeToFit];
button.titleLabel.adjustsFontSizeToFitWidth = YES;
下面是自己封装的一个自适应Label宽高及字间距、行间距的Demo：
Chapter 1 构建自适应用户界面 @(Intermediate iOS 10 Programming with Swift) 起初，苹果发布的初代iPhone手机是固定3.5英寸屏幕，我们很容易为它开发应用程序，只需要考虑两个不同的方向（垂直或水平）就可以。后来苹果公...
问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。碰到频率:100%解决方案：CSS里 {margin...
用到的组件1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SDWebImage多个缩略图缓存组件 UICKeyChainStore存放用户账号密码组件 Reachability监测网络状态 DateTools友好...
【转】Android 开源项目分类汇总 旭川君已关注
16:49*字数 29527阅读 1795评论 1喜欢 35 来源：https://github.com/Trinea/android-open-project 更多：Android 开源库获取途径...
1、确定Label或Button的字体大小，使其宽度自适应 UILabel *contentLabel = [[UILabel alloc]initWithFrame:CGRectMake(100, 100, 120, 30)];contentLabel.font = [U...
8月9日|周三：宇宙的13白镜 白世界桥波符走到最后一天，从白世界桥开始，学习放下与臣服的课题，到今天最后一天白镜子，正好最后再看看自己，哪里还有没有死角。 今天试着做最真实的自己，然后才能在镜子中看到自己的真实。今天有着红龙的滋养，不要惧怕自己会出错，会被拒绝，没有尝试就...
晚上看笑来老师的直播，主要讲了五个方面：?投资；?成长（成长率）；?知识；?选择；?执行力，概念（知识点）基本上笑来老师都在《通往财富自由之路》专栏里讲过，但为什么还要看直播，还要记笔记？我想，任何学习都不是一蹴而就的，持续的学习和实践可以将所学的知识进行不断地巩固、强化，...
凋谢的最美时光 他和她，一个俊朗清秀的翩翩美少年，一个如花似玉清纯领家女，昙花一现的凋谢在了他们的最美年华，一起凋谢的除了他们的梦想，还有这个他们苦守的最后村庄！--和那些伴随村庄一起凋谢的最美时光！-----------题记 父亲渐渐步履阑珊，母亲也变得老态龙钟。都说叶落...
做喜欢的事是最幸福的事。学会坚持。 有些巧合会衍生出一种浪漫。 桂花的香气真是让人心安。 不讨喜的人很多，看不顺眼的行为很多，无法理解的事情也很多，全部都关注起来让自己头痛难忍。 所有事情的结果都有它的前兆。 默默听人谈话，觉得满口荒唐自大。 说不清心情的时候，除了发呆什么...