时间戳

首页 > 解决方案 > 由于 selectpicker 插件，如何修复文本模糊？

javascript - 由于 selectpicker 插件，如何修复文本模糊？

问题描述

我在我的项目中使用 selectpicker js 插件进行实时搜索选择。就是这样：https ://developer.snapappointments.com/bootstrap-select/

但是后来我得到了模糊文本，不仅在选项中，甚至在搜索字段中！截图在这里：https ://habrastorage.org/webt/5c/d4/23/5cd423ae07866237493996.png

我知道，问题出现是因为 css 规则 - translate3d(0px, 38px, 0px);

但是我绝对找不到插件在哪里设置了这个规则，不是在 css 文件中，也不是在 js 文件中。也许有人已经遇到了这个问题，并且已经解决了，我将非常感谢您的解决方案。或者，如果它不能帮助，请告诉我请另一个插件

标签： javascriptjquery

解决方案

尝试添加-webkit-font-smoothing: subpixel-antialiased;？

或者您可以尝试perspective(1px)在 3D 翻译之前添加，如下所示：perspective(1px) translate3d(0px, 38px, 0px)。

首先在检查器中尝试它，如果它有效，您可以用您的规则覆盖现有的 CSS，或者 - 我怀疑 - 该插件可能会在 Javascript 中动态设置 CSS 翻译，因此您可以尝试在 .js 代码中搜索该术语“翻译3d”。

推荐阅读