使用css中的cursor的属性设置按钮的禁用状态
2019-05-17 14:09
267 查看
html如下:
<button class="button">按钮</button>
<button class="button disabled">禁用按钮</button>
css如下:
.button {
border-radius: 4px;
background-color:blueviolet;
font-size: 18px;
text-align: center;
padding: 10px 40px;
border: none;
color: #ffff;
}
.disabled {
cursor:not-allowed;
opacity: 0.6;
}
效果图如下:
相关文章推荐
- repeater实现样式设置,并添加删除按钮,参考课上老师做的案例。数据表添加字段status,使用repeater实现禁用与启用。repeater添加编辑按钮,和Edit.aspx页面。
- css手势状态定义属性cursor和自定义鼠标手势详解
- WARN com.opensymphony.xwork2.ognl.OgnlValueStack异常的解决办法[提交按钮使用了图片并设置name属性,对应action无gettersetter]
- 使用jquery 和 css 实现互斥按钮状态切换
- 使用js创建div、添加子div并给div设置在css中定义的class选择属性以及设置style属性
- 写一个方法进行各种属性的更新,而不要每个界面设置改变都改变一个属性。就是点击应用或确定按钮时调用这个更新属性的方法,遍历所有(控制对象属性的)界面控件的状态(值),进行属性修改和刷新。
- 用Mockplus教你使用属性面板的设置交互状态
- CSS属性设置鼠标为手型,cursor:hand 在firefox中的不支持现象
- CSS超链接a标签的四种状态属性设置
- css基础 出现层叠的两个绝对定位元素 使用z-index属性设置层叠顺序
- CSS cursor(鼠标状态)属性
- css中Cursor:url()属性的使用方法
- jquery中使用css,offset和position设置top和left属性
- animate方法只适用于使用数值设置的css属性
- 使用selector设置按钮不同状态的样式(Android)
- html首行缩进2字符,可以使用CSS属性中的【text-indent】进行设置。
- [html&css]Pass Through - 41.HTML 使用负值设置页面元素的margin属性
- css基础 出现层叠的两个绝对定位元素 使用z-index属性设置层叠顺序
- 使用storyboard设置按钮边框属性(颜色,宽度,圆角)
- 在Jquery使用过程中用到了css属性:opacity(不透明度),cursor (光标的类型、形状)