最近一个项目在用 tabler，tabler 是一款开源免费的并且看起来蛮正经的 UI 库，适用于以后端为主的 web 开发者。
最新版 tabler-v1.0.0-beta20 表单里的选择组件默认使用的是 tom-select，之前用的是 Selectize，但由于该项目停止开发，后来才换了 tom-select。
以上信息来源是官方的 issue。
由于官方没有提供对 select2 的支持，所以 select2 的样式在 tabler 里用不了，并且即使是引入了 bootstrap5 的样式，仍然不 work。
于是我就写了一段 css，解决了 select2 在 tabler 下适配的问题。
创建 select2-tabler-theme.css 文件：
有朋友说我的这个网站字体太小，看的费力，之前没太在意，今天决定调整一下。
进入 typecho 的安装目录，打开默认主题的样式文件 usr/themes/default/style.css，将第 17 行的 font-size: 87.5%; 注释掉，添加一行 font-size: 95%;，问题解决。
做商品详情页的时候，发现详情图多张的情况下，即使设置了 margin:0;padding:0 也不能让两张图片上下之间没有空隙。
原因是 img 标签是行内元素，默认的图片对齐方式为 vertical-align: baseline;，即基线对齐。baseline 对其方式导致图片并不是与 div 的真实底部对齐，而是与文基线对齐。文基线就是字母 x 的下边缘，即使没有文字，也会有空隙。
使用 jquery-weui 的时候，console 里总是提示 Unable to preventDefault inside passive event listener due to target being treated as passive.，非常烦。
废话不多说，直接上代码：
.login-container {
background: url(/static/img/001.png) 200px no-repeat,linear-gradient(90deg,
#10ad89 0%, #1ca4be 100%);
}在做登录页面时，UI给的背景图是分为背景渐变 和背景图片，在一个元素标签上展示，实践过以上写法可以实现。从网上搜索时，搜到的结果是，
1.渐变属性与图片属性中间用逗号隔开；
2.渐变属性要在图片属性之前。
但这种没有出现想要的结果，所以我自己写到一个属性里就可以了，注意图片一定是png格式的。
原文：https://blog.csdn.net/lilyheart1/article/details/107563872
body 标签内添加 data-weui-theme=”light” 即可：
<body data-weui-theme="light">
...
</body>可以选择 light 或 dark。