不使用正则表达式，而是将html Package 到临时div中并从中读取样式可能是一个想法。例如：

const elemStrings = `<span style="font-size:0.58em;font-family:'Times New Roman';">
<span style='font-size:0.58em;font-family:"Times New Roman";'>`;
const elems = Object.assign(document.createElement(`div`), {innerHTML: elemStrings});
const styles = [...elems.querySelectorAll(`span`)].map(elem => 
  `style="${elem.style.cssText}"`);
console.log(styles);

字符串

从我上面的评论…

• “查看backreferences... /(["']).*?\1/g ..."*

const markup = `
  <span style="font-size:0.58em;font-family:'Times New Roman';">foo</span>
  <span style='font-size:0.58em;font-family:"Times New Roman";'>bar</span>
`;
const regXStyleAttr = /style\s*=\s*(["']).*?\1/gi;

console.log(
  'regex based ... markup.match(regXStyleAttr) ...',
  markup.match(regXStyleAttr)
);

个字符

• "...但更可靠的方法是使用DOMParser和parseFromString”*

const markup = `
  <span style="font-size:0.58em;font-family:'Times New Roman';">foo</span>
  <span style='font-size:0.58em;font-family:"Times New Roman";'>bar</span>
`;
console.log(
  'dom parser based ... and element node mapping ...',
  Array
    .from(
      new DOMParser()
        .parseFromString(markup, "text/html")
        .body
        .getElementsByTagName('*')
    )
    .map(elmNode => `style="${ elmNode.style.cssText }"`)
);

.as-console-wrapper { min-height: 100%!important; top: 0; }

的字符串

编辑...根据以下评论……

• "...它是tollerant作为浏览器将是？它的性能是否与regex相当或更好？并且在stirng上使用任何解析都可以在不影响页面的情况下完成？“* - Skary

答案：是的-很可能-显然。

const markup_1 = `
  <span style="font-size:0.58em;font-family:'Times New Roman';">foo</span>
  <span style='font-size:0.58em;font-family:"Times New Roman";'>bar</span>
`;
const markup_2 = `
  <span style=font-size:0.58em;font-family:'Times New Roman'>foo</span>
  <span style=font-size:0.58em;font-family:"Times New Roman">bar</span>
`;
const markup_3 = `
  <span style=font-size:0.58em;font-family:'Times New Roman'>foo
  <span style=font-size:0.58em;font-family:"Times New Roman">bar
`;
console.log(
  'valid markup ...',
  Array
    .from(
      new DOMParser()
        .parseFromString(markup_1, "text/html")
        .body
        .getElementsByTagName('*')
    )
    .map(elmNode => `style="${ elmNode.style.cssText }"`)
);
console.log(
  'invalid markup ...',
  Array
    .from(
      new DOMParser()
        .parseFromString(markup_2, "text/html")
        .body
        .getElementsByTagName('*')
    )
    .map(elmNode => `style="${ elmNode.style.cssText }"`)
);
console.log(
  'even more broken markup ...',
  Array
    .from(
      new DOMParser()
        .parseFromString(markup_3, "text/html")
        .body
        .getElementsByTagName('*')
    )
    .map(elmNode => `style="${ elmNode.style.cssText }"`)
);

.as-console-wrapper { min-height: 100%!important; top: 0; }

的字符串

你可以使用前一场比赛来做。
https://regex101.com/
通常称为backreference，它将匹配由指定的捕获组#（编号）匹配和捕获的文本的重复。
为了减少歧义，也可以使用\g#或\g{#}，其中#是一个数字。/（.）\1/

style\s*=\s*('|")(.+?)\1

字符串
你有没有想过使用像这样的HTML DOM解析器node-html-parser？

你可以使用反向引用来解决它。
Regex：

style\s*=\s*(["'])(.*)\1

字符串
检查this结果。