Question

求一个按钮样式的css代码，是那种看起来不能点击的样子，就是网上常见的那种浅色的？

Answer 1

在chrome、firefox、safari、IE9+等浏览器中圆角很容易实现，代码如下：

.div{
-webkit-border-radius:5px;//webkit内核
-moz-border-radius:5px;//mozilla
-ms-border-radius:5px;//<a href="https://www.baidu.com/s?wd=IE&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLrHR3rycYmWNWn1mkPvRs0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHb3rjf3PWfvPjRsnWnvPWbsPs" target="_blank" class="baidu-highlight">IE</a>
-o-border-radius:5px;//opera
border-radius:5px;//假设你希望圆角的幅度是5px
}
但是在<a href="https://www.baidu.com/s?wd=IE&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLrHR3rycYmWNWn1mkPvRs0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHb3rjf3PWfvPjRsnWnvPWbsPs" target="_blank" class="baidu-highlight">IE</a>6/IE7/IE8等低版本浏览器中是不可能通过css实现圆角的，必须借助<a href="https://www.baidu.com/s?wd=%E8%83%8C%E6%99%AF%E5%9B%BE%E7%89%87&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLrHR3rycYmWNWn1mkPvRs0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHb3rjf3PWfvPjRsnWnvPWbsPs" target="_blank" class="baidu-highlight">背景图片</a>才能实现。

Answer 2

用disabled="disabled"，就像这样，<button type="button" disabled="disabled">按钮</button>，这是button里的一个属性，直接写就可以实现了。