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



  • Hello,

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

    Thanks!


  • Onsen UI

    @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>


Log in to reply