css - 隐藏电子邮件输入文本框的边框

Question

这是默认的 css，我不能修改它。

#edd_checkout_form_wrap input.edd-input, #edd_checkout_form_wrap input[type=email], #edd_checkout_form_wrap input[type=password], #edd_checkout_form_wrap input[type=text], #edd_checkout_form_wrap textarea, #edd_checkout_form_wrap textarea.edd-input, .marketify-input, input[type=search], input[type=text], input[type=email], input[type=url], input[type=password], input[type=number], textarea {
    color: #404040;
    padding: 10px;
    background: #fff;
    border: 1px solid #bdc3c7;
    width: 100%;
    box-shadow: none;
    border-radius: 0;
    word-break: normal;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-siding: border-box;
    box-sizing: border-box;
}

我想隐藏邮件输入的边框我的 CSS 是

#edd-email {
    border: 0;
}

但似乎 input[type=email] 和 border: 1px solid #bdc3c7;默认情况下很快就会调用 css，因此边框仍然存在。

请帮忙。

Answer 1

简单地说，用 !important 覆盖

 #edd-email {
    border: 0 !important;
 }