CODEWITHSUNDEEP
htmlcssfirefoxbuttonborder
Chris 'Pig' Hill
Chris 'Pig' Hill

Reputation: 175

Remove outline from button in firefox

I have a button that holds an image. It looks fine in chrome, and even in IE. But in firefox it leaves an ugly thick border around the button. I have tried border:none; in CSS but nothing seems to change.

Firefox button

My button code is:

<button id="next3"><img src="<?php echo $this->getSkinUrl('images/proddown.jpg') ?>"</button>

I currently have no styles attached. Any ideas how to fix this? Thank you!

Upvotes: 3

Views: 565

Answers (2)

Josh Crozier
Josh Crozier

Reputation: 241208

In your case, you need to add background:transparent to the button element. Adding this, along side border:none should solve the problem, if not, see this question.

Example Here

button {
    background:transparent;
    border:none;
    outline:none;
}

Upvotes: 2

user2628521
user2628521

Reputation:

Even every CSS code you have, it have to start with this:

* {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}

it is everytime helpful. And i hope it helps you.

Upvotes: 0

Related Questions