Textarea style not working

#1

I’m customizing a bootstrap form for my portfolio project…

It works for all the elements, but not for textarea (the last one)

What is happening?

#bootstrap-overrides input[type="text"]:focus, input[type="email"]:focus, 
input[type="tel"]:focus, input[type="submit"]:focus, select:focus, textarea:focus{
    border-color:#620062;
    box-shadow: 0 1px 1px rgba(130, 38, 130, 1), 0 0 8px rgba(170, 49, 170, 0.51);
    outline: 0 none;
}
#2

Solve it… I think the problem was that I have 2 textareas, so I had to create a class and apply to them:

#bootstrap-overrides input[type="text"]:focus, input[type="email"]:focus, 
input[type="tel"]:focus, input[type="submit"]:focus, select:focus, textarea:focus, .txa-border:focus{
    border-color:#620062;
    box-shadow: 0 1px 1px rgba(130, 38, 130, 1), 0 0 8px rgba(170, 49, 170, 0.51);
    outline: 0 none;
}
#3