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

Popular posts from this blog

javascript - jQuery: Add class depending on URL in the best way -

caching - How to check if a url path exists in the service worker cache -

Redirect to a HTTPS version using .htaccess -