<a> wrap <span> style no effect

[callmejm]

final html = '<a href="https://www.google.com/"><span>Google</span></a>';

 "a": Style(
    fontFamily: Theme.of(context).textTheme.bodyText1!.fontFamily,
    height: 1.4,
    color: Colors.blue
  ),
  "span":Style.fromTextStyle(Theme.of(context).textTheme.bodyText1!.copyWith(
      height: 1.4
    )
  ).merge(html ?? Style()),

I have <a> with child <span> , <a> no change to blue, and I cant set "span" to color: Colors.blue , it will overwrite other span color

[tneotia]

We don't inherit color property. However in style you can use any CSS selector so you should be able to use a > span rather than just span. This will select any span with a as the parent rather than every single span.

[callmejm]

We don't inherit color property. However in style you can use any CSS selector so you should be able to use a > span rather than just span. This will select any span with a as the parent rather than every single span.

Hi, the html are generated by tinymce, so I can't control the style

[tneotia]

Hi, the html are generated by tinymce, so I can't control the style

I mean to do this:

"a > span": Style.fromTextStyle(Theme.of(context).textTheme.bodyText1!.copyWith(
      height: 1.4,
      color: Colors.blue,
    )
  )

[callmejm]

@tneotia not working, because I already have a standard style for span

"span":Style.fromTextStyle(Theme.of(context).textTheme.bodyText1!.copyWith(
  height: 1.4
)
).merge(html ?? Style()),

[erickok]

🤔 You might to to change the order of the style definitions then. We do apply all styles that are applicable.

[tneotia]

It seems we have fixed this issue somehow because I just tried this HTML, and it correctly shows with blue underline.

[erickok]

Let us know if this issue persists. Thanks!