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

```
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;

    }

```

and this is how it looks like on the browser
[![enter image description here](https://i.stack.imgur.com/i823s.png)](https://i.stack.imgur.com/i823s.png)

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