<ons-input> shows underbar for <input> tag. Can it show like the regular textbox?

mmike

Hello,

<ons-input> shows underbar for <input> tag.
Can it show like a regular html <input> - border around the text box?

Thanks!

Fran Diox

@mmike .text-input--underbar is applying border-bottom: 1px solid #ccc;. Change it to border instead of border-bottom. You can make your own modifier as well:

.text-input--mymodifier {
  border: 1px solid #ccc;
  color: red;
}

And then add it to the input: <ons-input modifier="mymodifier"></ons-input>