社区
JavaScript
帖子详情
用CSS怎么控制按钮button的大小!!!写在一个CSS文件里面来实现????
kangaroo
2001-11-14 12:01:26
我是这样写的:
button.style { font-size: 9pt}
通过控制按纽上字体的大小来控制,但是没有效果
不知道为什么不行,谁知道怎么解决?
一定要放到一个CSS文件里面,不然有几百个BUTTON都要用手工来设置!!!
多谢!!!
urgent,urgent!!!
...全文
2573
10
打赏
收藏
用CSS怎么控制按钮button的大小!!!写在一个CSS文件里面来实现????
我是这样写的: button.style { font-size: 9pt} 通过控制按纽上字体的大小来控制,但是没有效果 不知道为什么不行,谁知道怎么解决? 一定要放到一个CSS文件里面,不然有几百个BUTTON都要用手工来设置!!! 多谢!!! urgent,urgent!!!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
10 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
karma
2001-11-15
打赏
举报
回复
<script language="javascript">
function setButtonFontSize()
{
var inputs = document.all.tags("INPUT");
for (var i=0; i < inputs.length; i++)
if (inputs[i].type == "button")
inputs[i].style.fontSize = "8pt";
}
</script>
<body onload="setButtonFontSize()">
kangaroo
2001-11-15
打赏
举报
回复
怎么用?karma(无为) 大哥!!!
karma
2001-11-15
打赏
举报
回复
use the javascript solution
kangaroo
2001-11-15
打赏
举报
回复
我知道你这样是可以,但是我的页面有很多个BUTTON啊,一个一个改,那多麻烦,如果要是能够在CSS中实现就最好不过了,我只要INCLUDE一下就可以了,所有的按钮就变小了1!!!
karma
2001-11-14
打赏
举报
回复
如果你用的是<input type=BUTTON>,试试
<style type="text/css">
INPUT {font-size:8pt}
</style>
假如你觉得这打击面太大,连<input type=TEXT>都影响到了,用下列脚本
<script language="javascript">
var inputs = document.all.tags("INPUT");
for (var i=0; i < inputs.length; i++)
if (inputs[i].type == "button")
inputs[i].style.fontSize = "8pt";
</script>
如果你用的是<BUTTON>..</BUTTON>,那么试试
<style type="text/css">
BUTTON {font-size:8pt}
</style>
kangaroo
2001-11-14
打赏
举报
回复
?????????????
karma
2001-11-14
打赏
举报
回复
That is why I provided the javascript solution!
or you can do
<style type="text/css">
.SMALLBUTTON {font-size:8pt}
</style>
<input type="button" class="SMALLBUTTON" ..>
zosatapo
2001-11-14
打赏
举报
回复
你要的就是象下面的那样就可以了。自己根据需要修改一下。
<input type="button" name="zosatapo" value="zosatapo" style="font-size:20pt;width:100;height:50">
kangaroo
2001-11-14
打赏
举报
回复
???????????????
kangaroo
2001-11-14
打赏
举报
回复
karma(无为),
你说的不妥,打击面太大了!!!!
如果你用的是<BUTTON>..</BUTTON>,那么试试
<style type="text/css">
BUTTON {font-size:8pt}
</style>
这样也不行,我用的是<input type=button name="" value="">
css
自适应宽度的
按钮
呵呵 很好哦
css
自适应宽度的
按钮
!
CSS
3带阴影动画效果的手绘卡通风格
按钮
特效.zip
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
CSS
3带阴影动画效果的手绘卡通风格
按钮
特效</title> <link rel="stylesheet" type="text/
css
" href="
css
/normalize.
css
?3.1.64" /> <link rel="stylesheet" type="text/
css
" href="
css
/htmleaf-demo.
css
?3.1.64"> <link rel="stylesheet" href="
css
/style.
css
?3.1.64"> </head> <body>[removed][removed]
<
button
class='lined thick'>Lined Thick
button
> <
button
class='dotted thick'>Dotted Thick
button
> <
button
class='dashed thick'>Dashed Thick
button
>
<
button
class='lined thin'>Lined Thin
button
> <
button
class='dotted thin'>Dotted Thin
button
> <
button
class='dashed thin'>Dashed Thin
button
>
CSS
3
实现
带阴影动画效果的手绘卡通
按钮
特效,它们以手绘涂鸦的方式,以不同的
按钮
边框线条宽度和虚线来构成
按钮
,共有6种不同的效果。
div+
css
实现
自适应宽度
按钮
div+
css
实现
自适应宽度
按钮
css
3下载
按钮
效果.zip
实现
效果:
css
3下载
按钮
效果,通过
css
3制作的
按钮
,其实之前用
css
也可以完成很漂亮的
按钮
,但是
css
3中家里更多的属性,使样式变得更加美观,网站
里面
肯定会用到
按钮
,无论是商城还是企业网站,所以
按钮
的样式要跟网站磨合,php中文网推荐下载!
CSS
3 html5鼠标悬停
按钮
动画特效.zip
<link rel="stylesheet" type="text/
css
" href="
css
/normalize.
css
?3.1.64" /> <link rel="stylesheet" type="text/
css
" href="
css
/zzsc.
css
?3.1.64"> <link rel="stylesheet" href="
css
/style.
css
?3.1.64"> </head> <body>[removed][removed]
CSS
3动画
按钮
<
button
>Hover One
button
>
<
button
>Hover Two
button
>
<
button
>Hover Three
button
>
鼠标悬停
CSS
3
按钮
动画特效是一款通过
CSS
3 transition和keyframes帧动画
实现
的鼠标经过
按钮
动画代码。
JavaScript
87,996
社区成员
224,693
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章