Как установить ширину бумаги-текстовой области в Polymer 1.0?

Кто-нибудь знает, как установить ширину paper-textarea? Использование селекторов CSS в тегах стиля Polymer 1.0, похоже, не работает вообще. paper-textarea элемент состоит из paper-input-container, Поэтому я попытался сделать следующее:

<style>
  paper-textarea + paper-input-container {
    min-width: 324px;
    width: 324px;
    margin-right: 24px;
  }
  paper-textarea > paper-input-container {
    min-width: 324px;
    width: 324px;
    margin-right: 24px;
  }
  paper-textarea paper-input-container {
    min-width: 324px;
    width: 324px;
    margin-right: 24px;
  }
</style>

Ни один из селекторов CSS выше не работал в моем пользовательском элементе.

1 ответ

<style>
    :root {
        --paper-input-container: {
            min-width: 324px;
            width: 324px;
            margin-right: 24px;
        };
    }
</style>

Сделаем трюк. Он будет стилизовать каждый полимерный элемент, который использует контейнер для ввода бумаги (например, paper-textarea), с указанной выше шириной и полем.

Другие вопросы по тегам