Question

应该足够简单，但似乎不起作用。

我正试图在我的会员网站上隐藏一个登录对话框，上面写着“记住我”复选框。

以下是HTML的相关部分：

<label><input name="rememberme" type="checkbox" id="rememberme" value="forever" /> Remember Me</label>

这是我的CSS：

.rememberme {
  display: none
}

不高兴。

有什么主意如何隐藏HTML的“标签”字符串？

谢谢

++++编辑++++

我添加了完整的代码来帮助解决这个问题。再次感谢您的所有帮助！

<form name="mepr_loginform" id="mepr_loginform" class="mepr-form" action="https://my-site.com/login/" method="post">
    <div class="mp-form-row mepr_username">
        <div class="mp-form-label">
            <label for="log">Username</label>
        </div>
        <input type="text" name="log" id="user_login" value="" />
    </div>
    <div class="mp-form-row mepr_password">
        <div class="mp-form-label">
            <label for="pwd">Password</label>
        </div>
        <input type="password" name="pwd" id="user_pass" value="" />
    </div>
    <div class="mp-form-row mepr_math_captcha">
        <div class="mp-form-label">
            <label for="meprmath_quiz"><span id="meprmath_captcha-5cf739drre412c84"></span>*</label>
        </div>
        <input type="text" name="meprmath_quiz" id="meprmath_quiz" value="" class="mepr-form-input" />
        <input type="hidden" name="meprmath_data" value="sdasDDDDI4YWYxYmIzYWIxODU=" />
            <script>Removed b/c not important to this question</script>
    </div>
    <div>
        <label><input name="rememberme" type="checkbox" id="rememberme" value="forever" />Remember Me</label>
    </div>
    <div class="mp-spacer">&nbsp;</div>
    <div class="submit">
        <input type="submit" name="wp-submit" id="wp-submit" class="button-primary mepr-share-button " value="Log In" />
        <input type="hidden" name="redirect_to" value="https://my-site.com/account/" />
        <input type="hidden" name="mepr_process_login_form" value="true" />
        <input type="hidden" name="mepr_is_login_page" value="true" />
    </div>
</form>

Answer 1

这里的问题是，当输入具有'rememberme'的 name 和 id 属性而不是类时，您正在选择Error: Process unexpectedly exit. org.gradle.execution.MultipleBuildFailures: Build completed with 1 failure. Caused by: org.gradle.api.tasks.TaskExecutionException: Execution failed for task ':app:mergeDebugResources'. Caused by: com.android.ide.common.workers.WorkerExecutorException: 8 exceptions were raised by workers: com.android.builder.internal.aapt.v2.Aapt2InternalException: AAPT2 aapt2-3.4.1-5326820-windows Daemon #0: Daemon startup failed This should not happen under normal circumstances, please file an issue if it does. Caused by: com.android.builder.internal.aapt.v2.Aapt2InternalException: Failed to start AAPT2 process. Caused by: java.io.IOException: Process unexpectedly exit.。尝试将类“ rememberme”添加到输入标签。

.rememberme

Answer 2

您需要正确的选择器来选择相应的元素：

id

#rememberme {

}

课程

.rememberme {

}

属性

[name="rememberme"] {

}

Answer 3

我假设您在这种情况下无法编辑标记。您必须特定于CSS选择器，因此样式仅适用于该选择器。由于这种形式的所有直接子元素（但您要隐藏的子元素）都有一些类，因此我们可以在选择器中排除它们：

#mepr_loginform > div:not(.mp-form-row):not(.submit):not(.mp-spacer) {
  display: none;
}

Codepen

尝试使用CSS“隐藏”隐藏HTML“标签”

3 个答案: