css wp联系表格样式1

Posted 2021-05-13

/*contact form style 1*/
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
textarea, .wpcf7-select, .wpcf7-date {
        background: 0 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding:0.9375rem;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid;
    height: 50px;
    color: #4f4f4f;
    width: 100%;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    border-color: #aacbdb;


}
input[type="submit"], button, input[type="button"] {
    border: none;
    color: #ffffff;
    font-weight: 600;
    margin: 10px 0px 0px;
    font-size: 14px;
    padding: 11px 20px;
    cursor: pointer;
    border-radius: 3px;
    min-height: 43px;
    -webkit-appearance: none;
    width: 100%;
}
input[type="submit"]{
        background: #6dc82b;
}
input[type="submit"]:hover{
    background: #8b8b8b;
}
.wpcf7-not-valid{
    border-color: #ff0000 !important;
}