element-UI button按钮颜色回显(一)
2024-10-20 16:49:54
按钮:
<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的时候执行上述代码
最新文章
- list集合的排序Comparator和Collections.sort
- openssl evp 对称加密(AES_ecb,ccb)
- uicollectionview registerclass vs registernib
- Java——复选框:JCheckBox
- ASP.NET Core身份识别
- Android——模拟文件拷贝
- 利用 Gitbook 生成文档中心站点
- SecureCRT学习之道:SecureCRT 常用技巧
- Buffett saying
- wpf mvvm datagrid DataGridTemplateColumn的绑定无效的可能原因之一!
- Java201521123071《Java程序设计》第八周学习总结
- sshpass的使用方法
- html5shiv.js和respond.min.js的作用
- python对象初始化
- eval函数解析json数据时加上圆括号的原因
- .net项目的mvc简单发布
- SharePoint 2013 Step by Step——使用自定义的List Template
- Redis之 命令行 操作
- 【Linux】VMware中为CentOS设置静态IP(非动态获取IP)
- Java 应用程序设计规范