如何实现当按钮按下去的时候,没有向里凹进去的效果?不用disabled属性实现,因为我需要响应onclick事件

下面的效果行不?<style>
.but{
border: outset;
}
</style>
<body>
<input class="but" type="submit" name="Submit" value="提交">

解决方案 »

  1.   

    <div style="border-bottom: 1px solid #00;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;border-right:1px solid #0;width:100px;text-align:center;cursor:hand;" onclick="alert(this.innerText)">按钮</div>
      

  2.   

    to  ttyp(愿赌服输):怎么吧这个div的高度弄到只有10px?我发现高度到20px之后就再也改不小了
      

  3.   

    <div style="border-bottom: 1px solid #00;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;border-right:1px solid #0;width:100px;text-align:center;cursor:hand;background-color:#f4f4f4;font-size:9;height:10px;vertical-align : center; " onclick="alert(this.innerText)">按钮</div>
      

  4.   

    那就别用按扭了用div模拟一个button不就行了