element-UI button按钮颜色回显(一)

要相信自己我啊

按钮：

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

复制代码

样式：

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

复制代码

 
颜色回显：

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

复制代码

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

来源:https://www.cnblogs.com/LJXXXX/p/17053855.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！