title: Thymeleaf Input Form Binding
body: <p>i have a form that binded to my class and everything works fine.</p>
  
  <pre><code>&lt;form th:action="@{/createPost}" th:object="${newPost}" method="post" class="form-signin"&gt;
  
          &lt;input type="text" th:field="*{topic}" class="new-post-topic-input" placeholder="post topic"
                 autofocus="true"/&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I want to change my input css to a different style, but type='text' overwrites everything. But if i change input type to anything else, it doesn't bind values.
  Can i make thymeleaf see other input types to bind them?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>i have bootstrap css file that contains css style for </p>
  
  <p>But i want to have my own style for this input without deleting bootstrap css from page. But if i add class='anyClass' to this input, css from  bootstrap from type='text' overwrites everything. And if i change type from text to anything else, thymeleaf doesn't map values anymore.</p>
  
  <p><strong>upd2</strong>
  MY QUESTION IS NOT ABOUT CSS OVERRRIDING.</p>
  
  <p>My question is about thymeleaf data object binding. I have th:object="${newPost}"
  in the form tag. Thymeleaf sees it and when i submit my form, it binds every ,  to fields of this object.</p>
  
  <p>BUT if i change from type='text' to type='ANYTHING ELSE'> thymeleaf doesn't map anything. How can i make thymeleaf bind other tags like  etc. To my object?</p>