Jak przesłonić granicę: brak?

Question

Pracuję z bardzo okropnym oprogramowaniem innych firm i potrzebuję nadpisać ich styl CSS poprzez zewnętrzny plik CSS.

Ustawiono border: none we wszystkich polach formularzy, ale chciałbym, aby pola wejściowe używały domyślnej stylizacji przeglądarki.

W jaki sposób można zastąpić border: none, aby pola formularza były oznaczone tak, jakby nie była ustawiona właściwość border?

Answer 1

Wyróżnij wyjątki jako border: inherit.

Spowoduje to zastąpienie najnowszej reguły granicznej.

Answer 2

Można spróbować ustawić wartość na nic, jeśli tej pracy desnt, można spróbować to: how to remove css property using javascript?

Answer 3

Zakładając, że nie są one stylizacji pól wejściowych inline:

input { 
    border: 1px solid #999 !important; 
} 

Answer 4

Niestety, nie nie ma mowy w CSS, aby powiedzieć, że domyślne ustawienia przeglądarki są stosowane. Na przykład, jeśli jakaś reguła CSS ustawia granicę elementu, nie możesz powiedzieć "zignoruj ​​tę regułę"; możesz tylko ustawić własną regułę, która ją przesłoni (jeśli zdefiniujesz regułę, aby wygrać w kaskadzie).

W praktyce dodaje tworzy granicę, który jest zbliżony do wartości domyślnych popularnych przeglądarek:

input { border: solid 1px #ddd; border-top-color: #aaa; padding: 2px; } 

może trzeba zmodyfikować wybierak (lub nawet użyć !important) w celu wygrania ustawienie w innym arkusz stylów.