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.
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 to remove the border highlight on an input text element
(21 answers)
Closed 3 years ago.
On many of my input boxes I have a yellow outline that pops up when I select the box. How do I get rid of this?
Css lint are informing me that:
*:focus {
outline: none;
}
Should not be used and I quote. outlines should not be hidden unless other visual changes are made
When I try:
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
I also get a lint error message but appears to have worked.
Override CSS default outline property.
input {
outline: none;
}
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 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.