你可以用 input[type="button"] {}来选择这个所有的<input type="button" >这些按钮
或者你还想用上面的那种写法，你可以这么改
<input type="button" class="button" name="caigou" id="caigou" value="采购" style="width:50pxheight:50px"/>
<input type="button" class="button" name="xiaoshou" id="xiaoshou" value="销售" />
给每个按钮加上一个button的类这样你就可以用 .button 来控制了
或则楼上的说法也可以，虽然有点烦，按钮的另一种写法是<button>销售</button>如果是这样写的话，就直接用 button{}来控制这个按钮的样式
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：button {background-color: #00a7d0}
button:hover {background-color: #ff7701}。
3、浏览器运行index.html页面，此时显示出了蓝色背景颜色的按钮。
4、将鼠标移入按钮，此时按钮的背景颜色变成了橙色。
可以使用属性选择器，而不用类选择器，因为属性选择器要求严格匹配，因此"btn"和"btn btn-info"在类选择器中都能匹配到"btn"，但在属性选择器中却是不匹配的。比如这样即可只匹配到class="btn"的button，而不会匹配到class="btn btn-info"的：
button[class=btn]
