outline

I have a list full of a imgs: <ul> <li><a href="#"><img src="test.png" /></a</li> <li><a href="#"><img src="test.png" /></a</li> <li><a href="#"><img src="test.png" /></a</li> (...) </ul> When I click them in Firefox, there's dotted outline (who the heck invented that and why? so ugly!). I want to get rid of them, but style "outlines" etc. doesn't seem to work, I've tried all of options below: #ul li img:active { -moz-outline-style: none; -moz-focus-inner-border: 0; outline: none; outline-style: none; } #ul li img:focus { -moz-outline-style: none; -moz-focus-inner-border: 0; outline: none;

Edit: My concerns are for mobile websites. Let me get right to the point. No matter what I do, outline:none; does NOT remove any default highlighting/glows from input form elements using an Ipod Touch/Iphone. Everywhere I look, people say to use: input:focus { outline:none; } or input { outline:none; } .... and that this will remove the glow.... well it doesn't. Another major problem is that there IS NO DEFAULT GLOW. I create a blank page with no styling and just a form input, view the page via IOS mobile, and there is no glow/outline on the input elements... it is just blank. The only thing

I have an image with a transparent background that I'd like to outline with a 5px border. In photoshop, I can stroke it to achieve this. I've tried using borderImage but it won't outline the penguin. $image = new Imagick(); $image->readImage('tux.png'); $image->borderImage(new ImagickPixel('red'), 5, 5); // no outline This is the image. This is what I want to achieve. I'll start at the command line and may do the PHP later, or let you work that bit out... Step 1 - Extract transparency As you have seen, -border outlines the whole image, but you actually want to outline the opaque areas only so

I have a styled button on my website. But when I click it, it creates an unwanted border or outline (I don't know which). How can I remove that border? Below is all the code that pertains to the button. button { border: hidden; cursor: pointer; outline: none; } <button>this is my button</button> cesarsalazar If you are talking about the dotted line in Firefox, I think what you're looking for is this: button::-moz-focus-inner { border: 0; } This is a thread on the topic: How to remove Firefox's dotted outline on BUTTONS as well as links? VIP Use either of these CSS Styles a:active, a:focus,