I successfully managed to eliminate the border around the text area, but I want it so that users cannot see a border even when they click on it. Below is my current CSS code.
.comments{
border: 0 none #FFF;
overflow: hidden;
}
I attempted to make the border transparent and also tried with other attributes such as active, but it did not work. Here is an example of what I tried:
.comments:focus{
border: 0 none #FFF;
overflow: hidden;
}
Is there a way to remove the border when the text area is focused on?
Just to clarify, the border is only visible once the textarea is clicked on. So setting the border to none does work.