根据文档：
如果指定的模式未指定或无效，则不应用正则表达式，并且完全忽略此属性。
<input type="email">| MDN
指定的模式使用the u flag编译，这可以防止无意义的转义。你的有一个：\';只需删除反斜杠即可使模式有效。
另外，最后一个$是不必要的，因为HTML默认会添加它，就像^一样。
试试看：

input:invalid {
  outline: 1px solid red;
}

<form>
  <input
    type="email"
    placeholder="enter your email"
    pattern="[A-Za-z0-9._+\-']+@[A-Za-z0-9.\-]+\.[A-Za-z]{2,}"
    value="someText@sometext"
    required
  >
  <button>submit</button>
</form>

有趣的问题，因为没有太多类似的报告。
下面是来自 DevTools 的控制台日志。

12:13:04.218 example.html:1 Pattern attribute value [A-Za-z0-9._+\-\']+@[A-Za-z0-9.\-]+\.[A-Za-z]{2,}$ is not a valid regular expression: Uncaught SyntaxError: Invalid regular expression: /[A-Za-z0-9._+\-\']+@[A-Za-z0-9.\-]+\.[A-Za-z]{2,}$/v: Invalid escape

• MDN – Regular Expressions – Character class*。
• "...除了]和\之外，如果以下字符表示文字字符，则它们必须在字符类中进行转义：(、)、[、{、}、/、-、|。此列表有点类似于语法字符列表，除了^、$、*、+和?未保留在字符类中..."*

因此，省略号'不需要转义。

[A-Za-z0-9._+\-']+@[A-Za-z0-9.\-]+\.[A-Za-z]{2,}$

试试这个：在模式前添加^

<form>
  <input type="email" placeholder="enter your email" pattern="^[A-Za-z0- 9._+\-']+@[A-Za-z0-9.\-]+\.[A-Za-z]{2,}$" required>
  <button>submit</button>
</form>