title: How to style Select2 input tags with css and how to limit them
body: <p>I am very new to making web pages and to this website.</p>
  
  <p>I managed to make a system to add tags; however, I have no idea how to style it. I tried doing:</p>
  
  <pre><code>input[type=text] { border-radius:5px;}
  </code></pre>
  
  <p>But this does not work. Here is my entire code:</p>
  
  <pre><code>&lt;html&gt;
  
    &lt;head&gt;
      &lt;script src="http://code.jquery.com/jquery-1.10.2.min.js"&gt;&lt;/script&gt;
      &lt;script src="select2/select2.js"&gt;&lt;/script&gt;
      &lt;script&gt;
        $(function(){
          $('#select').select2({
            // specify tags
            tags: ["Value 1", "Value2"],
            maximumSelectionSize: 3
          });
        });
      &lt;/script&gt;
  
      &lt;link rel="stylesheet" href="select2/select2.css"&gt;
      &lt;style&gt;
          border-radius:20px;
      &lt;/style&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
      &lt;input id="select" style="width:300px" placeholder="Select Categories"&gt;
    &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>That is my first problem.</p>
  
  <p>My second problem is that <code>maximumSelectionSize: 3</code> does not work well: if you write three tags, it reminds you of the limit and doesn't allow more. However when you delete them and try to enter new ones, it still shows that you have written 3 tags.</p>
  
  <p>(I apologize if these questions has been repeated before.. I tried searching for them but I couldn't find anything.)</p>
  
  <p>Thank you for your time!</p>