html页面如何禁用按钮

设置css的两个属性值：

//button表示按钮的id
#button{

  opacity:0.5;//设置透明度，达到一种朦胧的效果

  pointer-events:none;//禁止鼠标事件

}

 

opacity：设置透明度，值从0.0（完全透明）到1.0（完全不透明）。 

pointer-events:  auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit

• auto——效果和没有定义pointer-events属性相同，鼠标不会穿透当前层。在SVG中，该值和visiblePainted的效果相同。
• none——元素不再是鼠标事件的目标，鼠标不再监听当前层而去监听下面的层中的元素。但是如果它的子元素设置了pointer-events为其它值，比如auto，鼠标还是会监听这个子元素的。
• 其它属性值为SVG专用，这里不再多介绍了。