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

html-css027

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

html同时设置按钮的字体颜色和按钮的颜色方法:

<input type="submit" value="确定" style="background:greencolor:red " />

方法一:jquery方法加颜色

1、需要引入jquery.js,在<script>标签中加上$("#id").css("color","颜色");即可

2、效果如图

方法二:js方法

1、使用js代码给文字加颜色,document.getElementById("blue").style.color="red"

2、效果如图

1、首先新建一个html文件,命名为test.html,在test.html文件内,使用p标签创建一段文字,并且设置p标签的id属性为txt,主要用于下面通过该id获得元素对象。

2、然后在p标签的下面,使用button标签创建一个按钮,名称为“改变字体大小”。

3、接着在test.html的js标签内,使用function声明一个函数cgsize()。

4、然后在cgsize()函数内,使用getElementById()方法获得p元素对象,并设置style属性中的fontSize为25px,即字体的大小改变为25px。

5、最后在浏览器打开test.html文件,点击按钮,改变文字的大小。

<style type="text/css">

<!--

.FONT1 {

font-family: "华文彩云"

}

-->

</style>

<input name="" type="button" value="提交" class="FONT1">