c# - 网络核心 : How to create CSS with TagBuilder?

Question

如何使用标签生成器 CSS 类？

我想把它合并到一个样式类中

img {
max-width: 100%;
max-height: 100%;
padding: 0px;
background-color:white;
}

TagBuilder image = new TagBuilder("img");

我该如何添加属性？

Answer 1

所以我将在这里演示一个示例。我没有使用提供的样式或上下文，只是以两种不同的方式做一个示例。在此处提供的示例中，我有两个自定义标签。

我添加了以下样式规则。

<style>
    .black-div {
        height:40px;
        width: 40px;
        background-color: black;
    }
</style>

这是对应于之前提供的标签的两个标签助手。

[HtmlTargetElement("div-with-class")]
public class ClassTagHelper : TagHelper
{
    public override void Process(TagHelperContext context, TagHelperOutput output)
    {
        output.TagName = "div";
        output.Attributes.SetAttribute("class", "black-div");
    }
}
[HtmlTargetElement("div-with-style")]
public class StyleTagHelper : TagHelper
{
    public override void Process(TagHelperContext context, TagHelperOutput output)
    {
        output.TagName = "div";
        output.Attributes.SetAttribute("style", "height:40px;width: 40px;background-color: black;");
    }
}

希望对您有所帮助!