Question

如何更改button的样式

<input type="button" value="aaa">

我希望在不更改以上代码的前提下, 就修改CSS代码来实现改变按钮样式
不是不想修改CSS,是不想修改<input type="button">

我是想在原先页面代码不修改的基础上,给按钮+上样式
也就是说,我如何在css中去定义<input type="button">这个按钮的样式
因为这个按钮没有class="aaa",以为无法在CSS中用".aaa{...}
也不能input{...}. 这样文本框会乱了

页面上的按钮太多, 一个个补充className闲麻烦, 还有什么办法吗?

Answer 1

<style>
button{
background:#F0F0F0 repeat-x;
padding-top:3px;
border-top:1px solid #708090;
border-right:1px solid #708090;
border-bottom:1px solid #708090;
border-left:1px solid #708090;
width:80px;
height:auto;
font-size:10pt;
cursor:hand;
}
</style>
<form method="POST" action="" name="myform">
<button name="B1" >按钮</button>
</form>

Answer 2

<style>
button{
background:#F0F0F0 repeat-x;
padding-top:3px;
border-top:1px solid #708090;
border-right:1px solid #708090;
border-bottom:1px solid #708090;
border-left:1px solid #708090;
width:80px;
height:auto;
font-size:10pt;
cursor:hand;
}
</style>
<form method="POST" action="" name="myform">
<button name="B1" >按钮</button>
</form>

Answer 3

你不想在CSS中加，但可以在<input type="button">中加啊。