Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Remove Firefox glow on focused textarea

I can't figure this one out. I'm trying to get rid of that blue glow when textarea is highlighted in Firefox.

Here's my CSS:

textarea
{
    margin:0;
    padding:0;
    width: 598px;
    height: 600px;
    resize: none;
    outline: none;
}

:focus {
      outline:0;
      outline:none;
}

It removes it in Safari, but I'm have no luck with Firefox.

Thanks! Matt

like image 691
Matt Avatar asked Jul 24 '10 00:07

Matt


People also ask

How do I get rid of the border on a textarea focus?

Answer: Use CSS outline property In Google Chrome browser form controls like <input> , <textarea> and <select> highlighted with blue outline around them on focus. This is the default behavior of chrome, however if you don't like it you can easily remove this by setting their outline property to none .

How do I get rid of the black border on my input field focus?

Use the :focus pseudo-class with the "no-outline" class to style the form fields that are focused by the user. To have clear fields in your forms, set the outline property to its "none" value, which is used to display no outline.

How do I turn off input focus?

To remove the focus on an input tag element in HTML, you can use the blur() method on the element using JavaScript. This input tag will be already focussed when a user visits the website and we want to remove the focus when we click the button below it.


1 Answers

how about

*:focus {outline:0px none transparent;}
like image 101
isildur4 Avatar answered Oct 19 '22 01:10

isildur4