Nano Hash - криптовалюты, майнинг, программирование

Добавление класса или стиля CSS в p:message

У меня есть один p:message, для которого я хочу установить display: inline-block.

Я пробовал следующее:

<p:message ... styleClass="inline-block" style="display:inline-block;/>

Но когда я вижу исходники, стиль и класс НЕ отображаются в div с сообщениями.

Есть ли способ указать пользовательские атрибуты CSS для p:message напрямую?

Я знаю, что могу обернуть его с помощью div и управлять CSS дочерних элементов этого div, но я хотел бы избежать лишней обертки, если это возможно.

Версия PrimeFaces: 3.5.

jsf primefaces
07.03.2014

  • @ukasz-l Версия Primefaces, которую вы используете? 07.03.2014

Ответы:


1

Вынужден не согласиться с Хатем Алимам

Как следует из статьи mykong, вы должны добавить вашу таблицу стилей, чтобы переопределить CSS Primefaces.

!important в таблице стилей CSS считается плохой практикой. Проверьте эти быстрые ответы SO, чтобы узнать, что думает сообщество SO:

Плохо ли !important для производительности?

Каковы последствия использования «!important» в CSS?

Плохо ли использовать !important в свойстве CSS

В последнем есть ответ в защиту !important, но возникает проблема, когда в игру вступают несколько правил !important (и если вы начнете использовать его без остатка, вы обязательно получите удар по лицу, и они начнут каскадировать одно после правила !important). разное.

Правильный способ сделать это — сделать так, чтобы ваша таблица стилей имела приоритет над листом PF, чтобы ваши селекторы имели приоритет над селекторами в PF при каскадировании.

Google для специфики селектора CSS, чтобы узнать больше о том, как убедиться, что ваше правило выбрано браузером вместо правил PF (сейчас я на работе и не могу получить доступ к блогам).

На ваш конкретный вопрос:

Атрибуты не работают, потому что они не закодированы в компоненте. Проверьте руководство пользователя PF для вашей конкретной версии PF (на момент написания этой статьи вы не указали свою версию). Компонент <p:messages> имеет довольно своеобразный способ рендеринга.

для вашего конкретного случая добавьте следующее правило:

.ui-messages.ui-widget {
    display: inline-block;
}
07.03.2014
  • Однако это не поможет, если сообщений несколько, а вы хотите отредактировать только одно. У меня очень похожая проблема: я не могу добавить класс, идентификатор или стиль в сообщение ‹p:. Любые дальнейшие идеи приветствуются. 10.02.2015
  • Я только что решил свой вопрос. Я глупый человек. Просто оберните ‹p:comment в div с классом. Дур. Мое доброе я. 10.02.2015
  • Я хочу использовать новый styleClass самостоятельно. Менять сразу на ui-messages.ui-widget не очень хорошая идея. У вас есть какие-либо предложения? 04.08.2015
  • @Xuna создайте новый вопрос на сайте, если никто из найденных вами не решит вашу проблему. 04.08.2015
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..