layui-tab-title选中改色

layui框架中的tab标题颜色更改通常涉及到样式定制。如果你想让当选中的layui-tab标题改变颜色，你需要找到相关的CSS样式，并针对`.layui-tab-title-active`类进行设置。这个类通常是用于选中状态的样式。

例如，在HTML模板里，tab的结构可能像这样：

<div class="layui-tab">
  <ul class="layui-tab-title">
    <li><a href="#tab1">标题1</a></li>
    <li><a href="#tab2">标题2</a></li>
  </ul>
  <div id="tab1" class="layui-tab-content"></div>
  <!-- 其他tab内容 -->
</div>

然后，在CSS中，你可以这样修改选中标题的颜色：

.layui-tab-title .layui-this {
  color: #your-selected-color; /* 例如红色 */
}

将`#your-selected-color`替换为你想要的颜色值，如`red`、`#ff0000`等。

如果你需要动态地控制选中效果，可以在JavaScript中通过切换`layui-this`类来达到目的：

var tabs = document.querySelectorAll('.layui-tab-title a');
tabs.forEach(function(tab) {
  tab.addEventListener('click', function() {
    tabs.forEach(function(t) { t.classList.remove('layui-this'); });
    this.classList.add('layui-this');
  });
});