按钮:

<el-button id="manyou" @click="Ismovement" type="primary" >漫游模式</el-button>

样式:

  /* 逗号表示A,B两个标签同时拥有大括号中的CSS样式 */
.el-button--primary.is-active, /* active状态:鼠标左键按住按钮,但是没有放开(对应问题部分的3状态)
其实按住的时候,hover状态也还在,所以是两个状态共存 */
.el-button--primary:active {
background: rgb(230, 162, 60);
border-color: rgb(230, 162, 60);
color: #fff;
} /* focus状态:获得聚焦时,其实也就是按了左键放开之后,主要用于文本框输入文字时 */
.el-button--primary:focus, /* hover状态:鼠标悬停和划过时 */
.el-button--primary:hover {
background: rgb(230, 162, 60);
border-color: rgb(230, 162, 60);
color: #fff;
}

颜色回显:

document.getElementById("manyou").blur();

这里我用了一个布尔类型变量来标记当前是否点击,初始值为false,每次点击后取反,当其为false的时候执行上述代码

最新文章

  1. list集合的排序Comparator和Collections.sort
  2. openssl evp 对称加密(AES_ecb,ccb)
  3. uicollectionview registerclass vs registernib
  4. Java——复选框:JCheckBox
  5. ASP.NET Core身份识别
  6. Android——模拟文件拷贝
  7. 利用 Gitbook 生成文档中心站点
  8. SecureCRT学习之道:SecureCRT 常用技巧
  9. Buffett saying
  10. wpf mvvm datagrid DataGridTemplateColumn的绑定无效的可能原因之一!
  11. Java201521123071《Java程序设计》第八周学习总结
  12. sshpass的使用方法
  13. html5shiv.js和respond.min.js的作用
  14. python对象初始化
  15. eval函数解析json数据时加上圆括号的原因
  16. .net项目的mvc简单发布
  17. SharePoint 2013 Step by Step——使用自定义的List Template
  18. Redis之 命令行 操作
  19. 【Linux】VMware中为CentOS设置静态IP(非动态获取IP)
  20. Java 应用程序设计规范

热门文章

  1. crtl+鼠标左键代码出现class file editor,source not found
  2. 使用python玩转二维码!速学速用!⛵
  3. k8s-学习笔记总结(从入门到放弃的学习路线)
  4. v-if v-for同时使用 解决eslint报错问题
  5. 输出图形字符的命令 banner
  6. VSCode解决Python中空格和制表符混用报错
  7. adb devices出现offline解决方法
  8. Window注册表的学习记录
  9. Vue+ElementUI+Springboot实现前后端分离的一个demo
  10. AcWing第85场周赛