0

Can anyone please help me to style the default element to a normal input box? The default polymer element is having an underline. I want to style it to a normal text box (input box). I will be thankful if you are showing with a small example too. Thanks in advance..

Melbin Kuriakose
  • 11
  • 1
  • While I can't mark as a duplicate these questions get asked many times. You will need to use css variables and mixins. See http://stackoverflow.com/questions/30628050/how-to-style-a-paper-input-tag-in-polymer-1-0?rq=1 (duplicate) and https://www.polymer-project.org/1.0/docs/devguide/styling#custom-css-properties (Polymer Styling docs) – costrouc Nov 21 '16 at 13:20

1 Answers1

0

The Paper Elements are most useful when you are using Material Design. If you're not using Material Design but want the functionality of Paper Elements, then your best bet is to use iron-input since that is intended to be used on a normal input box that you can apply your own styles to.

If you take a look at the code for paper-input, you'll see that iron-input and iron-form-element-behavior are actually what gives it most of its functionality (there are some paper behaviors in there as well).

JohnRiv
  • 306
  • 2
  • 5