outline

How do I remove outline on link click?

由 大城市里の小女人 提交于 2019-12-03 22:04:18
When I click a link on my website it is creating an outline around the link like so I've tried adding: a.image-link:focus { outline: 0; } and a {outline : none;} But nothing seems to get rid of it. Is there a way to remove it? Nuno Bentes You can just use this: a:active, a:focus { outline: 0; border: none; -moz-outline-style: none; } Simply add outline:none; text-decoration:none; Just add a:visited { outline: none; } in your style file. Fixed: Found out in my CSS that there was code already being generated to create an outline on a:active . This was overriding my code and removing it fixed the

Outline applied to an anchor containing an image isn't the right height in Chrome

由 跟風遠走 提交于 2019-12-03 20:53:20
For a site I'm working on, I'd like to have a dotted outline appear around links when they are focused/hovered/active. I'd like this to happen for text and image links. The issue I have is that whilst my code works great in Firefox and IE, in Chrome 7.0.517.41 the dotted outline is the same height as my text, not the height of the image. Sample code: <!DOCTYPE html> <html lang="en"> <head> <style type="text/css"> BODY { font: 15px/1.5 sans-serif; } a:focus, a:hover, a:active { outline: 1px dotted #11aa22; } </style> </head> <body> <a href="#"> <img src="http://sstatic.net/stackoverflow/Img/wmd

Bootstrap button - remove outline on Chrome OS X

由 别来无恙 提交于 2019-12-03 06:28:43
问题 I am looking to achieve this: http://getbootstrap.com/javascript/#popovers-examples - scroll to the "live Demo" and hit the red popover button, in Chrome on OS X.... It's perfect beautiful Now go here (the problem child): http://yoyo.io/javascript/#popovers - it outlines blue, aaaargh. If you inspect you will see a litany of CSS efforts from me to remove this! It looks correct in Safari and Firefox but a no go in Chrome! Anyone - what am I overlooking?? Many thanks in advance! 回答1: I see .btn

Bootstrap button - remove outline on Chrome OS X

由 早过忘川 提交于 2019-12-02 19:58:55
I am looking to achieve this: http://getbootstrap.com/javascript/#popovers-examples - scroll to the "live Demo" and hit the red popover button, in Chrome on OS X.... It's perfect beautiful Now go here (the problem child): http://yoyo.io/javascript/#popovers - it outlines blue, aaaargh. If you inspect you will see a litany of CSS efforts from me to remove this! It looks correct in Safari and Firefox but a no go in Chrome! Anyone - what am I overlooking?? Many thanks in advance! I see .btn:focus has an outline on it: .btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color;

Outline a transparent image using imagick PHP

由 我的梦境 提交于 2019-12-01 01:05:40
问题 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. 回答1: 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

Chrome default focus outline

由 a 夏天 提交于 2019-11-30 15:17:52
I'm trying to remove default focus froom chrome and it works with outline:none; in the same time I want to add an box-shadow but it not working for select . *:focus { outline:none; } input[type="text"]:focus,input[type="checkbox"]:focus,input[type="password"]:focus, select:focus, textarea:focus,option:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 0 9px 0 #86AECC; z-index:1; } fiddle: http://jsfiddle.net/DCjYA/309/ mcmwhfy Try this: * { outline-color: lime; } for me this worked :focus { outline: -webkit-focus-ring-color auto 0; } This should also do the trick: a:focus, a:active {

How to remove button outline in Opera on focus

由 三世轮回 提交于 2019-11-30 14:02:00
Does anybody know how to remove the dotted outline on buttons in Opera? I have done it. Here you go: http://jsbin.com/oniva4 . [tested on Opera 10.5/11] The secret is using outline-offset:-2px; (effectively covering the dots) and the background's color for the outline. outline-offset is supported since version 9.5. The introduction of the article Do not lose your focus For many web designers, accessibility conjures up images of blind users with screenreaders, and the difficulties in making sites accessible to this particular audience. Of course, accessibility covers a wide range of situations

Chrome default focus outline

由 随声附和 提交于 2019-11-29 21:13:46
问题 I'm trying to remove default focus froom chrome and it works with outline:none; in the same time I want to add an box-shadow but it not working for select . *:focus { outline:none; } input[type="text"]:focus,input[type="checkbox"]:focus,input[type="password"]:focus, select:focus, textarea:focus,option:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 0 9px 0 #86AECC; z-index:1; } fiddle: http://jsfiddle.net/DCjYA/309/ 回答1: Try this: * { outline-color: lime; } 回答2: for me this worked

How to get an outline view in sublime texteditor?

由 不想你离开。 提交于 2019-11-29 18:40:47
How do I get an outline view in sublime text editor for Windows? The minimap is helpful but I miss a traditional outline (a klickable list of all the functions in my code in the order they appear for quick navigation and orientation) Maybe there is a plugin, addon or similar? It would also be nice if you can shortly name which steps are neccesary to make it work. There is a duplicate of this question on the sublime text forums. Cory Petosky Hit CTRL + R , or CMD + R for Mac, for the function list. This works in Sublime Text 1.3 or above. I use the fold all action. It will minimize everything

Outline UILabel text in UILabel Subclass

由 半世苍凉 提交于 2019-11-29 18:24:33
问题 I'm trying hard to find a way to simply add an outline/stroke/contour to my UILabel text. Talking about a stroke around the letters of the text not around the background of a UILabel. I'm using swift 3 and I'd like to outline my text directly into my subclass: UILabel. I found multiple answers suggesting this way to do things : let strokeTextAttributes = [ NSStrokeColorAttributeName : UIColor.black, NSForegroundColorAttributeName : UIColor.white, NSStrokeWidthAttributeName : -4.0,
订阅 outline