访问 css 选择器联系表 7

Question

我正在尝试在 Revolution Slider 中设置联系表单 7 的样式，但无法获得标签的正确选择器。我已经在下面展示了我的尝试。我正在使用最新版本的 wordpress 和 revolution slider。

这是我试过的css。

/* ******************* */
/* FITTING ADJUSTMENTS */
/* ******************* */

/* default height for <textarea> message field */
.rev_slider .wpcf7-textarea {height: 200px}



    .wpcf7
    {

     color:black; 
    }

    .label {
     color:black;   
    }

这是我的联系表 7 模块，我将如何访问标签。

    <label> Your Name (required)
        [text* your-name] </label>

    <label> Your Email (required)
        [email* your-email] </label>

    <label> Subject
        [text your-subject] </label>

    <label> Your Message
        [textarea your-message] </label>

    [submit "Send"]

Answer 1

以下是 CF7 元素的一些示例：

.wpcf7 label { /* for labels */ }
.wpcf7 textarea { /* for labels */ }
.wpcf7 input { /* for labels */ }

等等。请注意，您不应使用“.”。在字符串前如果是HTML标签（如div、标签、输入等）所以“.label”和“.textarea”是错误的用法。

“。”仅用于 CSS class 名称选择器。

.wpcf7-textarea - 这也是错误的用法。只需使用 .wpcf7 文本区域即可。

访问 css 选择器联系表 7

Accessing css selector contact form 7

wordpress

revolution-slider