Question

是否可以隐藏网站表单上的文本字段。文本字段当前未被隐藏，我听说我可以通过覆盖外部样式表将其隐藏起来。

编辑：网站不是我的，我无法控制源等，我需要能够在不触及代码的情况下完成此操作。我们需要能够做到这一点的原因是从会话变量（通过DTMF音调和IVR获得）向该字段发送信用卡号码，而坐在计算机前面的人不能看到输入的内容。

我不想将它隐藏在每个人身上，只是为我们工作并通过我们的PC访问它的人。

这可能吗？

谢谢，

Answer 1

是。添加以下css类：

display:none;

Answer 2

是的，你可以

CSS Approch

使用css display:none;

或使用javascript

      var child = document.getElementById(childDiv);
      var parent = document.getElementById(parentDiv);
      parent.removeChild(child);

Answer 3

根据您的允许操作以及这些计算机是否仅用于该网站，您可以创建一个页面，其中iframe包含您想要的网站，然后覆盖您需要的内容。

如果页面可滚动，或者用户可以改变文本的大小等（导致回流到内容），这可能会很棘手

<iframe src="http://url.to.actual.page"></iframe>
<div class="distractor">Position me on top of the iframe to hide some content</div>

和

iframe{
    width:600px; /* as needed */
    height:300px;
    overflow:hidden;
    z-index:1;
    position:relative;
}

.distractor{
    position:absolute;
    background-color:red; /* color it as the background of the page */

    top:80px; /* position it where you need it */
    left:100px;

    width:100px; /* size it as you need it */
    height:100px;

    z-index:1000;
}

演示http://jsfiddle.net/gaby/GemC2/1/

不是一个很好的解决方案，但可能会给你一些想法..

另一种解决方案是，如果允许您使用插件浏览器，则设置Greasemonkey，并安装一个隐藏所需输入的自定义脚本。

或Stylish并设置自定义CSS样式以覆盖页面的样式。

隐藏外部网站表单上的文本字段

3 个答案: