HTML中如何设置button按钮让一个text中的字体变大一号?

作者&投稿:宥师 (若有异议请与网页底部的电邮联系)
html中设置按钮中字体除了用css(font-size),还有什么方法?谢谢~

如果你想对某些局部文字进行样式控制的话最好是定义标签或者定义具体的样式名,比如
谢谢,这样你在外部样式表里面对span标签进行样式定义就可以了:span{'font-size:大小值;}不过这样有一个坏处就是你整个页面里面只要有span标签的都会统一以这种样式显示;
另一种方式就是定义具体样式用class或者Id来控制:比如
color="red">This is some text!或者
color="red">This is some text!
然后你在外部样式表里面通过.wenzi或者#wenzi的方式进行样式定义就可以了!
希望对你的问题有所帮助,如果还有什么疑问可以HI在线咨询,IT精英俱乐部真诚为您解答!

这样:
btn.frame = CGRectMake(x, y, width, height);
[btn setTitle: @"search" forState: UIControlStateNormal];
//设置按钮上的自体的大小
//[btn setFont: [UIFont systemFontSize: 14.0]]; //这种可以用来设置字体的大小,但是可能会在将来的SDK版本中去除改方法
//应该使用
btn.titleLabel.font = [UIFont systemFontOfSize: 14.0];
[btn seBackgroundColor: [UIColor blueColor]];
//最后将按钮加入到指定视图superView
[superView addSubview: btn];

扩展资料:注意事项
创建按钮的两种方法:
1、动态创建
btnfont = [UIButton buttonWithType:UIButtonTypeRoundedRect];
[btnfont setFrame:CGRectMake(100, 10, 120, 40)];
[btnfont addTarget:self action:nil forControlEvents:UIControlEventTouchUpInside];
[btnfont setTitle:@"字体" forState:UIControlStateNormal];
btnfont.backgroundColor=[UIColor clearColor];
[self.view addSubview:btnfont];
2、在xib文件中已经创建好,通过tag获取按钮
UIButton *testButton= (UIButton*)[self.view viewWithTag:100];
[testButton addTarget:self action:@selector(test:)
forControlEvents:UIControlEventTouchUpInside];

这样:

btn.frame = CGRectMake(x, y, width, height);

[btn setTitle: @"search" forState: UIControlStateNormal];

//设置按钮上的自体的大小

//[btn setFont: [UIFont systemFontSize: 14.0]];    //这种可以用来设置字体的大小,但是可能会在将来的SDK版本中去除改方法

//应该使用

btn.titleLabel.font = [UIFont systemFontOfSize: 14.0];

[btn seBackgroundColor: [UIColor blueColor]];

//最后将按钮加入到指定视图superView

[superView addSubview: btn];

扩展资料:

注意事项

创建按钮的两种方法:

1、动态创建

btnfont = [UIButton buttonWithType:UIButtonTypeRoundedRect];

[btnfont setFrame:CGRectMake(100, 10, 120, 40)];

[btnfont addTarget:self action:nil forControlEvents:UIControlEventTouchUpInside];

[btnfont setTitle:@"字体" forState:UIControlStateNormal];

btnfont.backgroundColor=[UIColor clearColor];

[self.view addSubview:btnfont];

2、在xib文件中已经创建好,通过tag获取按钮

UIButton *testButton= (UIButton*)[self.view viewWithTag:100];

[testButton addTarget:self action:@selector(test:)

forControlEvents:UIControlEventTouchUpInside];



首先给你的按钮设置一个class:然后输入如下:

class="btn";

btn{

width:200px;
height:50px;

即可调试按钮字体大小。



<input type="button" value="字体变大" onclick="FontChange(21);" />
<input id="txtchange" type="text" value="sss" >

上边是HTML一个button,一个text文本  button中onclick调用了事件FontChange(21),21为传递的参数:字体大小

function FontChange(size){
document.getElementById('txtchange').style.fontSize=size+'pt'

}

上边的是button调用的函数,函数通过选择器找到id为txtchange的元素,修改元素的字体大小,原生javascript

如果是变大一号,就需要先给text设置一个字体大小,否则js是获取不到初始大小的

<input id="txtchange" type="text" style="font-size:50px" value="sss" >

这样  你试一下




html如何让其中一个div浮在另一个div上面
设置div样式 z-index:auto auto可定义为一个值(整数数字),越大代表越置前,如可定义为: z-index:999。前提是div是定位元素代码实例如下:1、<html> 2、 <body> 3、<style type="text\/css"> 3、.div1{ width: 200px; height: 100px; background: red; float: left; } 5、.div2{ ...

HTML中如何调用a变量为width值
var b = window.screen.availHeight;var obj = document.getElementById("video");obj.style.width=a+"px";obj.style.height=b+"px"; <\/script> <\/body><\/html> 通过js代码可以实现对标签进行操作,比如设置和修改css属性等..。但是为了方便,一般会给标签设置一个独一无二的id。

字母B上边带个点如何在WORD中打出来
1、电脑打开Word文档2019版本,然后点击工具栏中的插入。2、进入插入页面后,点击工具栏中公式。3、点击插入公式后,选择上标和下班模板中的一个上标。4、选择上标公式后,在下面输入B,然后再上面输入一个圆点,输完之后,点击文件中的退出并返回到文字。5、点击返回Word文档界面后,字母B上边带点就做...

HTML基础有哪些单标签
<p>、<form>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<object>、<style>、<b>、<u>、<strong>、<i>、<div>、<a>、<script>、<center>(双标签的一部分)。据了解,HTML标签是HTML语言中最基本的单位,同时HTML标签还是HTML(标准通用标记语言下的一个应用)最重要的组成部分。

腾讯文档中如何设置A表格取B表中某一单元格的数字公式呢?
腾讯文档中设置A表格取B表格中某一个单元格的数字公式操作如下:首先需要满足A表格和B表格都是在同一个文档中。那么在A表中的A1单元格输入公式如下:=B表!A1公式及效果图如下:注意:在输入公式的时候需要手动输入,如果是用鼠标去选择的话,是无效的,和客户端软件的用法不一样的。

在html标记中,()标记用于设置当前页面的标题。 A Head B name C t...
.<title> 这个标记是用于设置页面标题的

西充县18665622636: html5中怎么设置按钮的宽度和高度 -
双周复锐: 需要准备的材料分别有:电脑、浏览器、html编辑器. 1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码. 2、在index.html中的<button>标签中,加入样式代码:style="width: 200px;height: 80px;". 3、浏览器运行index.html页面,此时按钮的宽度被设置为200px,宽度被设置为80px.

西充县18665622636: 怎样在HTML中插入Button按钮,且按钮要显示颜色 -
双周复锐: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script language="javascript"> function deleteDiv(ele){ ele....

西充县18665622636: HTML 如何实现自定义按钮 -
双周复锐: 给按钮写样式就行啊.以下代码仅供参考.1 2 3 4<inputtype="button"value="这是一个按钮"class="btn"> <styletype="text/css">.btn{width:120px;padding:0;cursor:pointer;display:inline-block;text-align:center;border:1px solid ...

西充县18665622636: html表单中,如何自定义按钮的大小? -
双周复锐: 在按钮中加style样式... 举例说明: 下面我给出一个自定义button按钮, <input type="button" value="提交" style="height=20px;width=50px;" /> 以上是一个按钮的代码,我想楼主应该能看懂 其中style="height=20px;width=50px;"就是样式定义 他的意思就是,这个自定义的button按钮,长50像素,宽20像素! 这就是按钮的大小了吧?根据你自己的需要改变数值就可以改变大小了! 回答完毕,希望能解决你的问题……

西充县18665622636: 如何设置web窗体中的默认按钮 -
双周复锐: web窗体中button默认生成的html控件为input type="submit" /,即提交表单按钮,不论button是否编写事件,客户端均会与服务器产生交互,所以会有页面重载的情况.不想设置为提交按钮,只需把button属性UseSubmitBehavior修改为False即可,这样最终生成的html控件会变成input type="button" / 如果不行,设置button的onClientClick属性为"javascript:return;"则按钮不再响应任何事件

西充县18665622636: html中怎样添加返回按钮? -
双周复锐: <input type="button" value="返回" onclick="javascript:history.back();"> 或者 <input type="button" value="返回" onclick="javascript:history.go(-1);"> 附加个AD: 332.cc广告联盟,欢迎您的加入!希望采纳

西充县18665622636: html如何设置按钮的快捷键 -
双周复锐: <script><br>document.onkeydown=function(){ss()}<br>function ss()<br>{<br> if(event.keyCode==13)<br> {<br> alert("调用按钮事件.");<br> }<br>}<br></script>

西充县18665622636: html中添加类似于微博中“下一页”的button按钮 -
双周复锐: ajax 就好了.ajax 发送请求. 获得分页数据. 然后拼接网页元素. 使用DHTML 的方式动态添加页面元素.. 框架推荐用jquery

西充县18665622636: 怎么做效果Button啊 就是点击button 变色 -
双周复锐: 1、新建html文档,在来body标签中添加一些button按钮自,然后为这些按钮设置默认颜色为灰色: 2、添加js代码,首先获取2113所有的button按钮,然后使用5261for循环为这些按钮添加点击事件: 3、这时被点4102击的按钮将会更换颜色,而没有被点击的按钮依然是原来的颜色:1653

西充县18665622636: html怎么设定button的与下面的表格对齐 -
双周复锐: html设定button的与下面的表格对齐的话,是可以通过margin来实现的使用截图工具,得到那个button与表格的距离,然后在设置margin值就可以了,这里我写一段代码: <html> <head> <style> button{ margin-left:20px; //假设是距离左边20px; } </style> </head> <body> <input type="button" value='确认提交'> <table> <tr> <td>文字1</td> <td>文字2</td> </tr> </table> </body> </html>

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网