how to remove facebook share button underline

Question

I put this auto generated facebook share button

    <div class="fb-share-button" data-href="http://www.kafiyedizini.com" data-type="box_count"></div>

to my website

but there is the text is underlined when I hover my mouse over it.

See the caps here

I don't want underlined text inside the facebook share button when mouse hovers it.

how to achieve this?

thank you.

Answer 1

Simply add CSS class with property given below:

.pluginShareButtonLink a:hover{text-decoration:none !important;}

Edit:

I checked that it will not work since facebook button is coming inside iframe and you can not change style of iframe which is coming from another server.

Answer 2

add

.fb-share-button {
   text-decoration:none;
 }

if it is applied already then use text-decoration:none !important

.fb-share-button {
   text-decoration:none !important;
 }

Answer 3

Try this:-

a:hover{
text-decoration: none !important;
}

Answer 4

This should help

a#u_0_1.pluginShareButtonLink
  {
    color:transparent !important;
   }