Polymer - paper-input -
i trying customise disabled paper-input element. remove dashed lines , change labels color.
any suggestion?
this element trying style:
<paper-input ui:field="totallabel" label="total repay" always-float-label="true" disabled="true"> <div prefix="true">£ </div> </paper-input>
thanks!
paper-input-container
has set of custom css mixins defined users override default styles.
you can read more how apply custom css mixins here: https://www.polymer-project.org/1.0/docs/devguide/styling.html#custom-css-mixins
--paper-input-container-underline-disabled
can used update disabled underline. https://github.com/polymerelements/paper-input/blob/v1.1.5/paper-input-container.html#l166
--paper-input-container-disabled
can used update general styles of disabled container. https://github.com/polymerelements/paper-input/blob/v1.1.5/paper-input-container.html#l110
to remove underline can write below in custom styles. better use different selector based on class name or id name. have used element name.
paper-input { --paper-input-container-underline-disabled: { border-bottom: none; }; }
Comments
Post a Comment