带有内部链接 CSS 的链接格式答案

【问题标题】：Link formatting with internal links CSS带有内部链接 CSS 的链接格式
【发布时间】：2018-05-08 04:38:59
【问题描述】：

这里的基本问题...试图弄清楚如何用字体和颜色格式化链接并使它们可点击。当我使用这段代码时，我能够让字体和颜色看起来像我想要的那样，但我无法使可点击：

<table border="0" cellpadding="1" cellspacing="1" style="width:500px;">
<tbody>
    <tr>
        <td colspan="2" style="font-size: 12px; font-family: Arial, sans-serif color: #888888; text-align: center; background-color: rgb(245, 245, 245);"><a conversion="true" href="${1://SurveyURL}" style="font-family: Arial, sans-serif; color:#888888; text-decoration: underline" target="_blank">What do you think?</a></td>
    </tr>
    <tr>

但是如果我使用以下代码，我可以使链接可点击，但无法获得我想要的格式：

<table border="0" cellpadding="1" cellspacing="1" style="width:500px;">
<tbody>
    <tr>
        <td colspan="2" style="font-size: 12px; font-family: Arial, sans-serif color: #888888; text-align: center; background-color: rgb(245, 245, 245);"><span style="color:#888888;">${l://SurveyLink?d=What%20do%20you%20think?}</span></td>
    </tr>

为了使我的格式正常工作并使调查链接可点击，我缺少什么？（SurveyURL 和 SurveyLink 实际上使用相同的参考仅供参考）谢谢。

【问题讨论】：

你应该使用js看这个链接https://stackoverflow.com/questions/13071967/adding-an-onclick-function-to-go-to-url-in-javascript
Adding an onclick function to go to url in JavaScript?的可能重复

标签： html css

【解决方案1】：

你只是在font-family 样式上少了一个分号：

<style>
  .tableLink a  { color: #888888;}
</style>

<table border="0" cellpadding="1" cellspacing="1" style="width:500px;">
  <tbody>
    <tr>
      <td colspan="2" style="font-size: 12px; font-family: Arial, sans-serif; text-align: center; background-color: rgb(245, 245, 245); text-decoration: underline;">
        <span class="tableLink">${l://SurveyLink?d=What%20do%20you%20think?}</span>
      </td>
    </tr>
  </tbody>
</table>

【讨论】：

谢谢，真不敢相信我错过了分号。我运行了代码，它现在可以工作了，只是链接的颜色在被点击之前仍然显示为蓝色 vs #888888。
您可能必须将style="color: #888888;" 添加到您的span 元素中（请参阅上面的更新代码）。
我更新了代码，但看起来它保持了蓝色
由于您的a 标签是动态生成的，您可能需要向该跨度<span class="tableLink"> 添加一个类并将此CSS 放在您的页面上：.tableLink a { color: #888888;}

【解决方案2】：

该链接是可点击的，但您确实忘记了font-family: Arial, sans-serif 后面的分号，这意味着其余的样式不适用。

我不确定您指向的链接是什么 (${1://SurveyURL})，但肯定可以点击。

.link {
  font-size: 12px;
  font-family: Arial, sans-serif;
  color: #888888;
  text-align: center;
  background-color: rgb(245, 245, 245);
}

a {
  font-family: Arial, sans-serif;
  color: #888888;
  text-decoration: underline;
}

<table border="0" cellpadding="1" cellspacing="1" style="width:500px;">
  <tbody>
    <tr>
      <td class="link" colspan="2">
        <a conversion="true" href="${1://SurveyURL}" target="_blank">What do you think?</a>
      </td>
    </tr>
  </tbody>
</table>

【讨论】：