0

Я использую этот дизайн:Выберите меню заполнителя пустого значения серого текст

AdminBSB Material Design

Конструкция использует bootstrap-select. Как вы можете видеть в середине страницы, параметр -- Please select -- является пустым значением, но текст черный, а не серый. При использовании меню выбора в форме все заполнители для всех других элементов формы являются серыми, вместо этого для меню выбора.

Я уже проверил все ответы, приведенные здесь:

How do I make a placeholder for a 'select' box?

Но ни один из них не работает для этой конструкции. Ссылка для bootstrap-select CSS:

AdminBSB Bootstrap Select CSS

Кто-нибудь знает решение, чтобы показать серый текст для пустых выбранных значений меню? На странице примеров начальной загрузки он работает по назначению.

Bootstrap Select Example Page

+0

Можете ли вы воспроизвести эту проблему с помощью JSfiddle (https://jsfiddle.net) или CodePen (http://codepen.io)? – NateW

ответ

1

Я только проверил этот раздел:
https://gurayyarar.github.io/AdminBSBMaterialDesign/pages/ui/list-group.html

контекстных КЛАССЫ С СВЯЗАННЫХ предметами и другим переключателем.

Как я вижу, этот пример выбран, но разница в цвета между выбранным объектом и объектом наведения настолько мала, что вы можете думать, что он не выбран с помощью экрана с высоким коэффициентом яркости.

Вы можете изменить выбор парения с, например, контекстными классами с СВЯЗАННЫМИ ДЕТАЛЯМИ, список-группой голубого цвета, изменив непрозрачность 0,8 до 0,1:

это только для голубого цвета этого примера:

.list-group .list-group-bg-cyan:focus{ 
    opacity: 0.1; 
} 

Надеется, что это помогает,

если это еще один компонент, пожалуйста, приведите пример, или ссылку

+0

Это больше не нужно, так как я использую другой дизайн. Но я буду принимать этот ответ как принято :) – Hardist