title: CSS Glow on focus textarea is not working correctly
body: <p>Hi I'm designing a website and run into trouble on my css I'm kinda new on this css thing and its kinda weird that the css rule I made for input text is not working correctly on my text area here is my css</p>
  
  <pre><code>input[type="text"], textarea {
          background: rgba(255,255,255,0.3);
          border: none;
          border-radius: 4px;
          padding: 2%;
          color: white;
      }
      input[type=text]:focus, textarea:focus {
               box-shadow: 0px 1px 1px #f2dede inset, 0px 0px 8px #dff0d8;
  
  
      }
  </code></pre>
  
  <p>and this is how it looks like on the browser
  <a href="https://i.stack.imgur.com/i823s.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/i823s.png" alt="enter image description here"></a></p>
  
  <p>the text field Name has the correct glow but its weird that the textarea is not considering that they both have the same rule as what I pasted on my code above..</p>