问题描述:
EOS833 修改流程处理按钮样式
解决方案:
统一修改流程按钮样式的方案如下:
1、在需要修改的页面中,打开控制台,选择元素,复制选择器。获取元素的唯一选择器。
2、在应用中心-通用管理-首选项-css首选项中,粘贴该选择器,然后指定样式
参考样式:
// div.fragment-container 建议添加 .fragment-container 这样可以确保选择器不会选错
body > div.el-dialog__wrapper.task-dialog > div > div.el-dialog__body > div.fragment-container > div.overview > div > div.tab-wrapper > div.tab-button > div > div:nth-child(1) > div > div > div > button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.75rem 1.5rem;
border-radius: 0.375rem;
font-size: 0.875rem;
font-weight: 500;
line-height: 1.25;
border: 1px solid transparent;
cursor: pointer;
transition: all 0.2s ease;
text-decoration: none;
user-select: none;
gap: 0.5rem;
background-color: #3b82f6;
color: white;
border-color: #3b82f6;
}// 修改按钮的icon颜色
body > div.el-dialog__wrapper.task-dialog > div > div.el-dialog__body > div.fragment-container > div.overview > div > div.tab-wrapper > div.tab-button > div > div:nth-child(1) > div > div > div > button > span > svg {
color: #ffffff !important;
}
更多请参见EOS Low-Code Platform 8