Полимер - бумажный ввод

Question

Я пытаюсь настроить заблокированный элемент ввода бумаги. Я хотел бы удалить пунктирные линии и изменить цвет ярлыков.

Любое предложение?

Это элемент Я пытаюсь стиль:

<paper-input ui:field="totalLabel" label="Total to repay" always-float-label="true" disabled="true"> 
    <div prefix="true">£ </div> 
</paper-input> 

Спасибо!

Answer 1

paper-input-container имеет набор пользовательских CSS-смесей, предназначенных для пользователей, чтобы переопределять стили по умолчанию.

Вы можете прочитать больше о том, как применять пользовательские CSS Примеси здесь: https://www.polymer-project.org/1.0/docs/devguide/styling.html#custom-css-mixins

--paper-input-container-underline-disabled может быть использован для обновления отключенного подчеркивания. https://github.com/PolymerElements/paper-input/blob/v1.1.5/paper-input-container.html#L166

--paper-input-container-disabled можно использовать для обновления общих стилей отключенного контейнера. https://github.com/PolymerElements/paper-input/blob/v1.1.5/paper-input-container.html#L110

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

paper-input { 
    --paper-input-container-underline-disabled: { 
    border-bottom: none; 
    }; 
}