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

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]和默认css中的border: 1px solid #bdc3c7;很快就会被调用，因此边框仍然存在。

请帮忙。

Answer 1

只需覆盖!important

即可

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

Answer 2

CSS有自己的优先级

1. !important
2. 特异性计算
   1. 样式属性
   2. ID
   3. 类，伪类，属性
   4. 元素
3. 继承

4. 级联

   因此，尝试定位该特定元素，如果不起作用，请使用!important代码作为最后的手段。