This question already has answers here:
How to remove dotted border around active hyperlinks in IE8 with CSS
(12 answers)
Closed 8 years ago.
I have a link with an <IMG> inside, which directs to a target=_blank, now what I need to do is remove the purple border that comes round the image after I click the link..
I used text-decoration: none; but it still appears ... any ideas? I didn't post the code as none is actually in place except
#portheader a {
text-decoration: none;
border: none;
}
<div id="portheader">
</div>
try adding this to your css
outline: 0;
Give border:none for the image in css
For the Old browsers, use border="0" in the img tag itself.
Related
This question already has answers here:
Remove blue underline from link
(22 answers)
Closed 1 year ago.
How can i get rid of the underline and the different color because i do not want it to show the hyper link
[1]: https://i.stack.imgur.com/SfcDC.png
You can use the following code.
Put this code in CSS file
a {
text-decoration: none;
color: red;
}
a:hover{
color: black; /* You can use etc. color when user hover on link its change color of text */
}
Click here
You can use the following code to remove the underline from the hyper link.
Use this code in .css file
a:link {
text-decoration: none;
}
or you can use inline css:
Click here
This question already has answers here:
How can I remove the outline around hyperlinks images?
(18 answers)
Closed 5 years ago.
I have a problem. On https://analytium.co.uk/our-cases/ when i click on header see border. It problem only in chrome. Does anyone have any idea why this border appears when clicking?
.myLinkHeading {
outline : none;
}
Just remove the anchor outline.
You have default css coming from bootstrap
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
you should replace by
.works-name a{
outline:none;
}
You can add on you inline css:
<a href="https://analytium.co.uk/cases/sas-and-fraud-prevention-brief-overview/" style="color: #444;outline:none" tabindex="0">
SAS® and Fraud Prevention (Brief Overview)
or add on your css file :
a, a:focus {
outline:none;
}
This question already has answers here:
How to remove Firefox's dotted outline on BUTTONS as well as links?
(25 answers)
Closed 6 years ago.
On focusing of the <button> tag, I'm unable to remove dotted border around its text.
I tried
border:0, outline: 0
properties. These properties only remove border and outline from <button> but border around text comes on focusing of button.
Here is my fiddle: https://jsfiddle.net/souviksarkar86/4shqvaq8/
This might be what you are looking for:
button::-moz-focus-inner {
border: 0;
}
This question already has answers here:
How to remove underline from a link in HTML?
(8 answers)
Closed 6 years ago.
I was wondering how you would disable to underline on the "a" attribute, for href's. I find it annoying, and I was wondering if there was a bit of code I could add to my .css to change it. Thank you.
A simple google search provides this very easy....
a {
text-decoration: none;
}
simply set a {text-decoration:none}
see in action:
a {
text-decoration: none
}
No Underline
EDIT (I am editing this to whoever downvote it, because that could be the only reason for)
In case you have multiple a's and some of them don't have the attribute href then you can target the href like this:
/*demo */
div {
border: dotted lightblue;
margin: 10px;
font-size:30px
}
a {
display: block;
}
/*in action*/
div:last-of-type a[href] {
text-decoration: none
}
<div>
<a>Without href doesn't make it a link</a>
Link with Underline
</div>
<div>
<a>Without href doesn't make it a link</a>
Link Without Underline
</div>
This question already has answers here:
How can I remove the outline around hyperlinks images?
(18 answers)
Closed 8 years ago.
I have this simple logout button on the right (blue coloured) button and whenever I press the logout button, that border appears
I have tried the following CSS styles:
a:active
{
border-style: none;
border: 0px;
}
and these have been tried on all <a> tag possibilities like hover, active..
Any idea what might be the cause?
this is the Jsfiddle link
http://jsfiddle.net/v1x29f9h/
It's not a border, it's the outline.
#logoutButton {
outline: none;
}
Demo http://jsfiddle.net/v1x29f9h/1/
It is outline: none;. The border would follow the border-radius path.