当文本区域中存在文本时，更改表单提交按钮的样式- Jade / Pug

当文本区域中存在文本时，更改表单提交按钮的样式可以通过以下步骤实现：

首先，在HTML中使用Jade/Pug模板引擎创建表单，并添加一个文本区域和一个提交按钮。示例代码如下：

form(action="/submit" method="post")
  textarea(name="textArea" id="textArea")
  button(type="submit" id="submitButton") Submit

接下来，使用CSS样式表来更改提交按钮的样式。可以通过检测文本区域中是否存在文本来动态改变按钮的样式。示例代码如下：

#submitButton {
  background-color: #4CAF50; /* 默认按钮颜色 */
  color: white;
}

#textArea:valid + #submitButton {
  background-color: #008CBA; /* 文本区域中存在文本时的按钮颜色 */
}

在上述代码中，我们使用了CSS选择器的伪类:valid来检测文本区域是否有效（即是否存在文本）。当文本区域有效时，即存在文本时，将应用特定的样式。

最后，将CSS样式表与HTML文件关联起来，确保样式能够生效。可以通过内联样式、内部样式表或外部样式表来实现。示例代码如下：

html
  head
    style.
      #submitButton {
        background-color: #4CAF50;
        color: white;
      }

      #textArea:valid + #submitButton {
        background-color: #008CBA;
      }
  body
    form(action="/submit" method="post")
      textarea(name="textArea" id="textArea")
      button(type="submit" id="submitButton") Submit

在上述代码中，我们将CSS样式直接嵌入到HTML文件中的<style>标签内。

至此，当文本区域中存在文本时，表单提交按钮的样式将会发生改变。你可以根据实际需求自定义按钮的样式，例如改变背景颜色、字体颜色等。

关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，无法提供相关链接。但腾讯云提供了丰富的云计算服务，你可以通过访问腾讯云官方网站获取更多信息。