【问题标题】:Change colour of text in string?更改字符串中文本的颜色?
【发布时间】:2014-02-02 16:00:54
【问题描述】:

我想更改电子邮件注册确认消息中某些文本的颜色。

示例字符串:

例如$mystring = 'Thank you for signing up!<br>Please visit mysite.com and log in.';

假设我想更改<br> 之后的文本颜色。如何更改<br>后面的文字颜色?

【问题讨论】:

  • 我会说<font color='blue'>,但即使是我也会为此处以私刑。

标签: php html css colors


【解决方案1】:

您需要添加相应的html标签。如果要更改文本中单词的颜色,则应使用 span-tag。对于较大的部分,您应该用 div-tag 包围。对于您的示例,您可以编写如下内容:

$mystring = 'Thank you for signing up!<br><span style="color: red;">Please visit mysite.com and log in.</span>';

【讨论】:

  • 更好的是:给元素一个类并通过 CSS 应用样式,这样以后更容易改变。
  • 我同意 James Donnelly 的观点,这也是我会选择的扩展解决方案。猜测问题作者的水平,我认为这将是一开始的高级,这就是我建议使用跨度标签的原因。但绝对是,你是对的:课程是要走的路。
  • 关于您为示例选择颜色的有趣说明:Paul Graham 在使用贝叶斯过滤器进行垃圾邮件检测方面做了一些工作。在分析结果时,虽然一些被认为是垃圾邮件强有力指标的模式很明显,如“退出”、“伟哥”、“退订”和与色情相关的术语,但还发现“FF0000”也是一个很好的指标垃圾邮件和其他任何东西一样,这当然是红色的十六进制代码。如果它有红色位,几乎可以肯定是垃圾邮件。
【解决方案2】:

我不建议像其他人推荐的那样使用span 标签。

当然,对于网页来说,这是要走的路,但您想在电子邮件中使用它。遗憾的是,简单的 CSS 仍然不能在每个电子邮件客户端中工作。您应该使用已弃用的font 标签:

$mystring = 'Thank you for signing up!<br><font color="red">Please visit mysite.com and log in.</font>';

这应该适用于每个支持基本 HTML 格式的电子邮件客户端。

另请参阅:http://www.reachcustomersonline.com/how-to-code-html-email-newsletters-all-new-version/#step4

【讨论】:

    【解决方案3】:

    如果你使用的是 JQuery !

    var strings = $mystring;
    strings = strings.replace(/\[Thank\syou\]/g, '[<font color="red">Thank you</font>]');
    $('element').html(text);
    

    【讨论】:

    • font 元素在 HTML4 规范中是 deprecated。你真的不应该再使用它了。
    【解决方案4】:

    说真的.. :) 你想用 PHP 改变文本颜色吗?你不能那样做。只需使用 HTML/CSS。 如果您无法控制 HTML 文本,那么这可能对您有用: 您可以尝试使用“explode()”分隔字符串。

    $your_array = explode("<br>", 'Thank you for signing up!<br>Please visit mysite.com and log in.');
    echo $your_array[0];
    echo '<font color="#000000">'.$your_array[1].'</font>';
    

    否则,只需使用标记..

    【讨论】:

      【解决方案5】:

      你需要使用 css。我认为通过在您的 html 中添加一个 css 类会是更好的方法,如下所示:

      $mystring = "Thank you for signing up!<br><span class='my-class'>Please visit mysite.com and log in.</span>";
      

      然后在你的 CSS 中

      .my-class{
       color: red;
       //set other style
      }
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2012-04-13
        • 2014-07-22
        • 2017-10-30
        • 1970-01-01
        • 1970-01-01
        • 2011-06-05
        • 2022-06-11
        相关资源
        最近更新 更多