Промяна на цвета на бутона за преместване на мишката върху HTML

Трябва да променя този бутон на background-color #838383, когато потребителите задържат показалеца на мишката върху него, опитах много неща, но не мога да го накарам да работи.

<table width="60%">
  <tbody>
    <tr>
      <td width="130PX" style="text-align: left;">
        <a style="padding: 10px 35px; background-color: #ff0000; color: #fff; text-transform: uppercase; letter-spacing: -.2px; text-decoration: none; font-family: helvetica,arial,sans-serif; border-radius: 20px; font-size: 12px;"
          href="/bgmailto:[email protected]?subject=Subject">EMAIL US</a>
      </td>
      <td>
        <b>Bla bla bla</b><br>
        Bla bla bla..
      </td>
    </tr>
  </tbody>
</table>

button background-color mouseover
person Qhdc Australia    schedule 18.05.2015    source източник

Отговори (1)


arrow_upward
1
arrow_downward

Трябва да използвате клас на вашия <a> таг и да добавите стил за събитието при задържане.

https://jsfiddle.net/yLkr9as0/

<style>
  .mylink {
    padding: 10px 35px;
    background-color: #ff0000; 
    color: #fff; 
    text-transform: uppercase; 
    letter-spacing: -.2px; 
    text-decoration: none; 
    font-family: helvetica,arial,sans-serif; 
    border-radius: 20px; 
    font-size: 12px;
  }

  .mylink:hover  {
    background-color: blue;
  }
</style>

<table width="60%">
  <tbody>
    <tr>
      <td width="130PX" style="text-align: LEFT;">
        <a class="mylink" href="/bgmailto:[email protected]?subject=Subject">EMAIL US</a>
      </td>
      <td>
        <b>Bla bla bla</b>
        <br>
        Bla bla bla..
      </td>
    </tr>
  </tbody>
</table>
person alebruck    schedule 18.05.2015
comment
Благодаря, alebruck - Единственият проблем е, че нямам достъп до CSS, някаква компания трета страна таксува хиляда долара на секунда за всякакви промени в CSS, така че се опитвам да го заобиколя с HTML. - person Qhdc Australia; 18.05.2015
comment
Имате някои опции да направите това, всички те са описани тук stackoverflow.com/questions/1033156/ - person alebruck; 18.05.2015
comment
Ако можете да промените HTML, можете да добавите този код в таг <style>. Актуализира примерния код. - person alebruck; 18.05.2015