onsen ui で意図しないstyleが挿入されてしまう

Question

前提・実現したいこと

onsen uiで以下を書いた際に

<template id="loginPage">
  <v-ons-page>
    <div>
      <v-ons-input id="username" modifier="underbar" placeholder="Username" float></v-ons-input>
      <v-ons-input id="password" modifier="underbar" type="password" placeholder="Password" float></v-ons-input>
        <v-ons-button @click="login">login</v-ons-button>
    </div>
  </v-ons-page>
</template>

以下のようなHTMLが生成されます

<ons-page class="page" data-device-back-button-handler-id="1" shown="">
　　<div class="page__background"></div>
　　<div class="page__content">
　　　　<div style="text-align: center; margin-top: 30px;">　... (A)
　　　　　　<p><ons-input modifier="underbar" id="username" placeholder="Username" float="">
      <input type="text" class="text-input text-input--underbar" placeholder="Username">
      <span class="text-input__label text-input--underbar__label">Username</span>
    </ons-input></p> <p><ons-input modifier="underbar" id="password" type="password" placeholder="Password" float="">
      <input type="password" class="text-input text-input--underbar" placeholder="Password">
      <span class="text-input__label text-input--underbar__label">Password</span>
    </ons-input></p> <p style="margin-top: 30px;"><ons-button class="button">login</ons-button></p></div></div></ons-page>

この(A)の部分のstyle要素が意図せず挿入されてしまうのでこまっています。自分でcssで指定したいのですがどのようにすればよいでしょうか？

Answer 1

自己解決しました。というか単純な勘違いで、こんな問題は起こりません....