easyUI layout west easy面板展开箭头按钮调整到垂直居中
easyUI layout west easy面板展开箭头按钮默认在标题那列,如何调整到中间位置,如下图所示
easyUI layout展开箭头默认效果
easyUI layout展开箭头修改后效果
示例居于easyui/jquery-easyui-1.4.4/demo/layout/full.html修改,其他版本自己浏览器调试工具看展开后对应的样式类名称。
easyUI layout west easy面板展开箭头按钮调整到中间,重写下easyui layout的箭头样式即可,如下
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css"> <style>/*重写easyUI layout west和east面板展开箭头到垂直居中*/ .layout-expand-west .panel-tool,.layout-expand-east .panel-tool{position:absolute;left:2px;top:50%;margin-top:-8px}/*展开箭头*/ .layout-expand-west .panel-header,.layout-expand-east .panel-header{overflow:auto;position:static} </style>
加支付宝好友偷能量挖...
原创文章,转载请注明出处:easyUI layout west easy面板展开箭头按钮调整到垂直居中