element button 按钮（element-UI 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的时候执行上述代码
声明：本站所有文章 ，如无特殊说明或标注 ，均为本站原创发布 。任何个人或组织 ，在未征得本站同意时 ，禁止复制 、盗用 、采集 、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ，可联系我们进行处理 。
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！