diff --git a/admin/css/reset.css b/admin/css/reset.css index ef1468637ca7597efeed25e9e9dca429b8b1d6c1..f98f55f92e9b4fc064e087295608425550a6ce86 100644 --- a/admin/css/reset.css +++ b/admin/css/reset.css @@ -70,4 +70,86 @@ .layui-table-checked { background-color: #f8f8f8; +} + +/* input框选中颜色 */ +.layui-input:focus, .layui-textarea:focus { + border-color: var(--global-primary-color) !important; + /* 这种写法暂时不支持火狐,找不到更好的写法了 */ + box-shadow: 0 0 0 3px rgb(from var(--global-primary-color) r g b / 8%); +} + +/* select框选项颜色 */ +.layui-form-select dl dd.layui-this { + color: var(--global-primary-color); +} + +/* 数字输入框后面的上下角标 */ +.layui-input-wrap .layui-input:focus+.layui-input-split { + border-color: var(--global-primary-color) +} + +/* 标签框文字 */ +.layui-form-checked:hover>div, .layui-form-checked>div { + background-color: var(--global-primary-color); +} + +/* 标签框选中 */ +.layui-form-checked:hover>i, .layui-form-checked>i { + color: var(--global-primary-color); +} + +/* laypage按钮选中颜色 */ +.layui-laypage .layui-laypage-curr .layui-laypage-em { + background-color: var(--global-primary-color); +} + +/* laypage第几页input选中颜色 */ +.layui-laypage input:active { + border-color: var(--global-primary-color); +} + +/* laypage按钮hover颜色 */ +.layui-laypage a:hover { + color: var(--global-primary-color); +} + +/* laypage每页条数select框选中颜色 */ +.layui-laypage input:focus, .layui-laypage select:focus { + border-color: var(--global-primary-color) !important; +} + +/* laydate被选中的元素颜色 */ +.layui-laydate .layui-this, .layui-laydate .layui-this>div { + background-color: var(--global-primary-color) !important; +} + +/* laydate范围按钮hover时的颜色 */ +.layui-laydate-header i:hover, .layui-laydate-header span:hover { + color: var(--global-primary-color); +} + +/* laydate按钮hover时的颜色 */ +.layui-laydate-footer span:hover { + color: var(--global-primary-color); +} + +/* 标签页选中颜色 */ +.layui-tab-brief>.layui-tab-title .layui-this { + color: var(--global-primary-color); +} + +/* 标签页选中下划线颜色 */ +.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after { + border-bottom: 2px solid var(--global-primary-color); +} + +/* 进度条颜色 */ +.layui-progress-bar { + background-color: var(--global-primary-color); +} + +/* tree选择框hover颜色 */ +.layui-form-checkbox[lay-skin=primary]:hover>i { + border-color: var(--global-primary-color); } \ No newline at end of file