CSS / 特殊浏览器：某些用户可以看到“隐藏”元素（在某些浏览器中）

Question

这是专家的问题！

我有一个带有一些蜜罐字段的表单。垃圾邮件机制（不仅是蜜罐字段）正常工作：所有垃圾邮件都被阻止。到目前为止一切顺利...

但有时有些邮件会作为垃圾邮件被阻止，这些邮件是由真人发送的。在我看到的垃圾邮件报告中，这个特殊用户填写了他们不应该看到的蜜罐字段。但是......显然他们可以看到这些字段......这些字段被非常古老、传统和可靠的 css 技术隐藏了......到目前为止我一直认为。

我可以识别出两个浏览器引擎（目前为止）：

眨眼 Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36

Android 8.0（三星） Mozilla/5.0 (Linux; Android 8.1.0; SAMSUNG SM-T580) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/13.0 Chrome/83.0.4103.106 Safari/537.36

我的问题是，是否有人知道这种现象以及这种奇怪的行为是如何产生的......

他们是否会停用脚本（但停用 css 不是典型的 bowser 功能）？ 他们在浏览器中有特殊的视图模式吗？ 这种现象在其他浏览器上是否已知？ ...

不幸的是，我没有机会检查命名浏览器引擎中的视图...现代浏览器中的所有检查，包括旧 IE 和现代 Android 和 Safari 版本都没有问题。

---

表单中字段的 HTML：

.pform-wrapper [data-default="no name"] {
    position: absolute;
    left: -90000000px;
}

.pform-wrapper [data-default="no phone"] {
    overflow: hidden;
    height: 0px;
    margin: 0px !important;
    padding: 0px !important;
}
<div class="pform-wrapper"><form>
           <p class="pform-el" data-default="no name">
          <label>Vorname:<br />
            <span class="first-name">
               <input
                type="text"
                name="first-name"
                value=""
                size="40"
                placeholder="Vorname" />
            </span><br />
          </label>
        </p>
   
        <p class="pform-el" data-default="no phone">
          <label>Telefon:<br />
            <span class="phone">
              <input type="text"  name="phone" value="" size="40"
                placeholder="Telefonnummer" />
               
               
               
             </span><br />
          </label>
        </p>
  
</form></div>
```

简而言之：这个问题更多的是要了解原因，而不是找到解决方案（仍在进行中）。

问候每一个提示 布雷伯

Answer 1

这很可能与浏览器引擎无关。

将内容移出屏幕而不将其设置为 display: none 是一种常用技术，用于添加文本标签，当可见标签以背景图像的形式表示时，这些标签仅对屏幕阅读器用户可见。

您可能有依赖此类软件的用户。