html - 用文本链接替换图像按钮

Question

我想知道是否有办法通过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>

Answer 1

如果您可以使用 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>