Public Forums 71,145 posts

[templater Friend templaterJoin date: May 2010Posts: 62Downloads:3Uploads:0 Thanks: 7]

#209129

Hi!
button issue in FireFox 37.0.2
<button> after Click + mouseOut appears color border! Only in FireFox!
On mouse:hover – color border disappears.

?novice <button>may find</button> here?

How to remove color border?
Thanks.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#578395

You can try to add class for the button like: <button class=”test”>may find</button>

When you press a button it gets “active”, so you need to specify the color you want with the :active pseudo selector:


button.test:active {
background-color: #fff;
}


This is a very basic knowledge for css, you should google it first and find out it by yourself, it would be more interesting and save time for both you and us.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#644686

You can try to add class for the button like: <button class=”test”>may find</button>

When you press a button it gets “active”, so you need to specify the color you want with the :active pseudo selector:


button.test:active {
background-color: #fff;
}


This is a very basic knowledge for css, you should google it first and find out it by yourself, it would be more interesting and save time for both you and us.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#743317

You can try to add class for the button like: <button class=”test”>may find</button>

When you press a button it gets “active”, so you need to specify the color you want with the :active pseudo selector:


button.test:active {
background-color: #fff;
}


This is a very basic knowledge for css, you should google it first and find out it by yourself, it would be more interesting and save time for both you and us.

[templater Friend templaterJoin date: May 2010Posts: 62Downloads:3Uploads:0 Thanks: 7]

#578459

Saguaros

Your answer is incorrect.
Please read (!) my message!
This – the property “border”, not “background-color”.
Also, run this code in the demo template.

<button>myButton</button>
You will see the result. Catch the issue.
button issue – in FireFox only!
Thanks.

[templater Friend templaterJoin date: May 2010Posts: 62Downloads:3Uploads:0 Thanks: 7]

#644750

Saguaros

Your answer is incorrect.
Please read (!) my message!
This – the property “border”, not “background-color”.
Also, run this code in the demo template.

<button>myButton</button>
You will see the result. Catch the issue.
button issue – in FireFox only!
Thanks.

[templater Friend templaterJoin date: May 2010Posts: 62Downloads:3Uploads:0 Thanks: 7]

#743381

Saguaros

Your answer is incorrect.
Please read (!) my message!
This – the property “border”, not “background-color”.
Also, run this code in the demo template.

<button>myButton</button>
You will see the result. Catch the issue.
button issue – in FireFox only!
Thanks.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#578501

Then it will be:

button.test:active {
border-color: #fff;
}

[templater Friend templaterJoin date: May 2010Posts: 62Downloads:3Uploads:0 Thanks: 7]

#578552

Saguaros

This is not a pseudo class: active.
You also, run this code in the demo template. <button>myButton</button>
You will see the result. Catch the issue.
This bug.

<button> Click – No this color border
<button> Click + mouseOut – appears color border! Only in FireFox!
<button> Click + mouseOut + hover – No this color border (color border disappears)

<button> + template + FireFox = Bug
<button> + template + Opera = No Bug

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#645110

I tried before posting suggestion here and it works.

Please try to switch the default template to another standard template of Joomla and check how it goes. It then can let you know whether this is template issue or not.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#743735

I tried before posting suggestion here and it works.

Please try to switch the default template to another standard template of Joomla and check how it goes. It then can let you know whether this is template issue or not.

[Author]

Posts