html怎样同时设置按钮的字体颜色和按钮的颜色

html怎样同时设置按钮的字体颜色和按钮的颜色,第1张

1、字体颜色用color属性设置,背景颜色用background属性设置。具体方法是首先打开hbuilder编辑器新建html文档,文档中设置一个按钮

2、然后给按钮一个样式,这里叫btn,在上方的style标签中设置btn类的属性,这里设置字体大小和字体颜色,最后设置按钮的大小、边框以及背景颜色:

3、打开浏览器,可以看到一个绿底红字的按钮,至此按钮的字体和按钮的颜色就设置好了:

比如<input type='submit' id='submitButton'/>

那么可以写这样的css

#submitButton{

height:30px

background-color:red

}

html中按钮字体的颜色和设置普通字体的颜色都是一样的,使用color属性就可以实现字体颜色的设置。

有以下两种方法:

方法一:jquery方法加颜色。

工具原料:编辑器、浏览器

1、首先设置一个按钮,然后使用css给按钮设置color属性即可实现按钮字体的颜色的设置,代码如下:

2、以上代码的style极为css样式,color=‘red’就是设置字体为红色的意思,运行的效果如下图:

方法二:在style中加样式。

1、给字体所在的div加上id,然后在style中给这个id的div加上color属性即可。

2、运行的效果如下:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7068856.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存