заменить кнопку изображения с текстовой ссылкой

Я хотел бы знать, есть ли способ заменить кнопку изображения в коде ниже с помощью текстовой ссылки через css. Это crm, где html-страница не открыта для редактирования. Можно изменить только таблицу стилей. Изображение может быть заменено, но это будет файл с тем же именем.заменить кнопку изображения с текстовой ссылкой

<table class="MoreButTable"> 
    <tbody> 
     <tr> 
      <td> 
       <a onmouseout="AndarButtonMouseOut('MoreButton');window.status='';return true;" onmouseover="AndarButtonMouseOver('MoreButton','../Style/SubtleButtons/AgencySearchOver.gif');window.status='&lt;p&gt;&nbsp;&lt;/p&gt;';return true;" href="javascript:WasItClicked=true; document.forms['Designation'].NavigationButton.value='More';document.forms['Designation'].submit();"> 
        <img title="&lt;p&gt;&nbsp;&lt;/p&gt;" alt="&lt;p&gt;&nbsp;&lt;/p&gt;" name="MoreButton" src="../Style/SubtleButtons/AgencySearch.gif"> 
       </a> 
      </td> 
     </tr> 
    </tbody> 
</table>

источник

2016-08-04 Don85203

Где ваш код CSS? –

Пожалуйста, обновите свой вопрос, чтобы включить текущий CSS-realevant в ваш HTML-экстракт. – Shaggy

Я бы предположил, что текущий CSS, который он имеет для поставляемого HTML, не имеет отношения к рассматриваемому вопросу. –

Если вы можете настроить таргетинг на конкретную ссылку с помощью CSS, то да, вы можете.

Спрятать изображение и использовать элемент по ссылке.

a [name="MoreButton"] { 
 
    display: none; 
 
} 
 
a::before { 
 
    content: 'You can seem me but not the image'; 
 
    display: inline-block; 
 
}

<a href="#1"> 
 
    <img title="Title" alt="ALt Text" name="MoreButton" src="http://www.fillmurray.com/140/100" /> 
 
</a>

источник

2016-08-04 13:54:30

Спасибо, Paulie_D, который сработал. Мне нужно было настроить таргетинг на конкретную ссылку, как вы сказали. – Don85203

Да, это возможно, используйте селектор псевдо:

a img { 
 
    display: none; 
 
} 
 
a:before { 
 
    content: 'Click me'; 
 
    cursor: pointer; 
 
    display: block; 
 
}

<a href="#"> 
 
    <img src="http://placehold.it/350x150" /> 
 
</a>

источник

2016-08-04 13:54:42

заменить кнопку изображения с текстовой ссылкой

ответ

Смежные вопросы