Почему размыты шрифты в option?

Question

[YakutD]

Здравствуйте, использую для живого поиска в селекте плагин selectpicker. Все работает но текст в option выглядит очнь нечетко

Почему так может быть? Не силен в css, не смог найти правила которые на это влияют

Comments

[Rustam Bainazarov]

Transform так может влиять.

[YakutD]

Рустам Байназаров, можно как то это исправить?

[Rustam Bainazarov]

YakutD, пришлите ссылку на код и в каком браузере это происходит.

[YakutD]

Рустам Байназаров, вот этот плагин selectpicker
Браузер - хром

[Rustam Bainazarov]

YakutD, предлагаете мне это куда-то ставить и т. п.? Проблема может заключаться в совокупности факторов именно в вашем проекте.

https://developer.snapappointments.com/bootstrap-s...

Вот здесь в примерах у вас есть размытие? У меня ибо нет.

[YakutD]

Рустам Байназаров, извините, я вас не правильно понял просто.
Проект у менч на лок.сервере, код селекта дефолтный:

<select class="form-control">
  <option>Default select</option>
</select>

[YakutD]

Рустам Байназаров, в примерах размытия нет, вот я и не понимаю в чем дело

[Rustam Bainazarov]

YakutD, собственно, как и я. Поэтому, если не получится выложить куда-то код на внешний источник, я помочь вам не смогу.

[Aricus]

YakutD, Выберите этот option в консоле браузера (ctrl+shift+I) и поснимайте галочки css-свойств справа. Так должны найти, в чём проблема.

[YakutD]

Aricus, выяснил, что на размытие всего текста, в том числе вводимого в поле поиска влияет вот это правило transform: translate3d(0px, 38px, 0px);
Без него однако, сам селект отображается некорректно и куда то уезжает

Answer 1

[Aricus]

Попробуйте другой способ позиционирования. Аналогичного смещения можно добиться так:

position: relative;
top: 38px;

Comments

[YakutD]

Спасибо, буду пробовать.