CSS可否改变设置按钮的样式？怎么做呢？菜鸟求教~

1、首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。

2、按钮样式比较多，这样写让代码不整洁，可阅读性差，就要用style标签。

3、<style type="text/css"></style>样式表。style标签里面表示的是一个样式表，我们所有的样式都可以写到标签中去。这段代码的意思是：凡是button标签都使用这个样式。

4、把 样式表中的  button{}改成了.ui_button{}，然后在button标签里面加了class属性，这样做的意思是，这个button标签使用了名字为ui_button的样式。

5、通过javascript动态修改样式，为了避免用户多次点击提交按钮重复提交信息，在用户点击提交按钮之后，禁用按钮，并设置按钮字体的颜色为灰色。

6、修改样式的其他方法：obj.style.cssText = "color:#E1E1E1background-color:black"cssText可以写多个样式样式属性。

7、修改样式的其他方法：obj.setAttribute("class", "style2")直接更改按钮标签的class属性，把指向名为ui_button的样式改为指向名为style2的样式。

8、修改样式的其他方法：<link href="css1.css" rel="stylesheet" type="text/css" id="css"/>obj.setAttribute("href","css2.css")修改引用外部的样式表文件，这样就可以对整个页面的样式进行全部更新。

按照HTML标准，按钮的表示如下：

<input class="class1 class2" type="button" value="这是一个按钮" style="">

1，在上面的代码中里面的style属性，把要修改的属性直接写到style里面，属性与值之间用冒号分割，多个属性间用分号分隔，如

style="width:100pxbackground-color:#123"

2，为元素应用样式类，即上面代码里面的class里面的内容，其中的每个值都代表一个已定义的样式类，多个样式类之间用空格隔开，样式类一般定义在单独的样式文件中，比如下面图片中的内容是bootstrap.css里面的部分内容，其中以点开始的如container就是样式类了。

3，对于前端开发而言，目前有许多比较流行的开源框架，里面都预定义了一些常用的样式，比如你说的按钮，在bootstrap中，通过简单的使用class="btn btn-default"就可以将任意元素表现成一个按钮的样子

---