easyui 常用组件的样式修改

标签: js  easyui

1、按钮的颜色更改

将按钮的颜色调成其他颜色
在这里插入图片描述
代码:

<a class="easyui-linkbutton easyui-tooltip tooltip-f l-btn l-btn-small" >
	<span class="l-btn-left">
		<span class="l-btn-text">
			<span class="l-btn-text">修改</span>
	 	</span>
	</span>
</a>

直接加一个样式调整(我尝试过在直接在easyui的css里修改,但会影响到其它地方,所以直接在加一个样式调整更快),代码如下

<a class="easyui-linkbutton easyui-tooltip tooltip-f l-btn l-btn-color l-btn-small" >
	<span class="l-btn-left">
		<span class="l-btn-text">
			<span class="l-btn-text">修改</span>
	 	</span>
	</span>
</a>

.l-btn-color {
        background: #1a7bc9;
        color: #fff;
        border-radius: 0px;   // 设置圆角按钮
    }

2、改变datagrid停留和选中的样式

如图:
在这里插入图片描述
在easyui.css文件里修改

// 停留时的颜色设置,在文件的1919行
.datagrid-row-over,
.datagrid-header td.datagrid-header-over {
  background: #97c3f1;
  color: #000000;
  cursor: default;
}
// 选中时的颜色设置
.datagrid-row-selected {
  background: #6caef5;
  color: #000000;
}

版权声明:本文为qq_39064836原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_39064836/article/details/103927156