скрыть границу ввода электронной почты текстовое поле

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; 
} 

Я хочу, чтобы скрыть границы ввода электронной почты Мой КСС

#edd-email { 
    border: 0; 
} 

но кажется input[type=email] и border: 1px solid #bdc3c7; в по умолчанию CSS называется скоро позже, так что граница все еще там.

Пожалуйста, помогите.

Answer 1

Просто заместить !important

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

Answer 2

CSS имеет свой собственный приоритет

1. !important
2. Специфичность Расчеты
   1. Стиль Атрибут
   2. ID
   3. класса, Псевдо-класс, атрибут
   4. элементы
3. Наследование

4. Каскад

   Так попробуйте таргетинга конкретный элемент, если это не работает, то использовать !important тег в качестве последнего средства.