white-space: nowrap; cursor: pointer; background: #fff; border: 1px solid #dcdfe6; border-color: #dcdfe6; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; transition: .1s; font-weight: 500; -moz-user-select: none; ...
cursor: pointer; background: #fff; border: 1px solid #dcdfe6; border-color: #dcdfe6; color: #606266; -webkit-appearance: none;text-align: center;box-sizing: border-box; outline: none; margin: 0; transition: .1s;font-weight: 500; -moz-user-select: none; -webkit-user-select: none;...
disabled = true; el.style.cursor = 'not-allowed'; setTimeout(() => { el.disabled = false; el.style.cursor = 'pointer'; }, binding.value || 2000); // 禁用时间默认为2000毫秒 } }); } }); 在模板中使用自定义指令: html <el-button @click="handleButtonClick" v-preventR...
/*el-button组件样式*/.el-button{display: inline-block;line-height:1;white-space: nowrap;cursor: pointer;background:#fff;border:1pxsolid#dcdfe6;border-color:#dcdfe6;color:#606266; -webkit-appearance: none;text-align: center;box-sizing: border-box;outline: none;margin:0;transition: .1s;fo...
cursor: pointer; background: $--button-default-background-color; // 默认背景色, white border: $--border-base; // 1px solid #DCDFE6 border-color: $--button-default-border-color; // #DCDFE6 color: $--button-default-font-color; // #606266 ...
cursor: pointer; user-select: none; // 不让选中文字 transition: all 0.3s; font-size: 14px; } // 悬浮效果 .myButton:hover { background-color: rgba(0, 0, 0, 0.2); } // 按中效果 .myButton:active { background-color: rgba(0, 0, 0, 0.3); ...
/*el-button组件样式*/.el-button {display: inline-block;line-height: 1;white-space: nowrap;cursor: pointer;background: #fff;border: 1px solid #dcdfe6;border-color: #dcdfe6;color: #606266;-webkit-appearance: none;text-align: center;box-sizing: border-box;outline: none;margin: 0;transiti...
如图,我想实现二维码的图片可以根据不同状态进行disabled的切换,本来是用两个img实现的,但是img还需要设置图片不可点击,虽然css使用cursor:no-drop也能实现,后来突然想到button就默认支持disabled呀,我只用把这个二维码的图片设置为button的自定义图标,我就可以使用button的disabled去控制是否可以点击了 ...
如图,我想实现二维码的图片可以根据不同状态进行disabled的切换,本来是用两个img实现的,但是img还需要设置图片不可点击,虽然css使用cursor:no-drop也能实现,后来突然想到button就默认支持disabled呀,我只用把这个二维码的图片设置为button的自定义图标,我就可以使用button的disabled去控制是否可以点击了 ...
.myButton{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-sizing:border-box;padding:12px16px;background-color:rgba(0,0,0,0.1);color:#222;border:none;cursor:pointer;user-select:none;//不让选中文字transition:all0.3s;font-size:14px;}//悬浮效果.myButton:ho...