인라인 CSS 스타일 덮어 쓰기

Question

트위터의 선입관 스크립트를 사용하여 내 검색 양식을 자동 제안합니다. 그러나 스크립트는 고유 한 CSS 스타일을 생성하며이를 무시할 수는 없습니다. 여기서 문제를 볼 수 있습니다 : http://bahcalculator.org/dev/nano.php. 내 스타일 시트 내에서 스타일 .tt - 힌트의 복사본을 만들려고했으나 인라인 스타일로 덮어 쓰고 있습니다. .tt-hint가 내 양식에서 스타일을 상속 받도록하려면 어떻게해야합니까?

Answer 1

을 .twitter-typeahead .tt-hint 선택자 내의 각 선언에 대해 !important 규칙을 사용하는 것이 좋습니다. 외부 스타일 시트를 사용하여 인라인 스타일을 무시할 수있는 다른 방법이 없기 때문입니다.

Answer 2

당신은 인라인 스타일을 대체 할 자바 스크립트를 사용하여 스타일을 변경하거나 인라인 스타일 덮어 쓰게됩니다 귀하의 CSS에서 !important 키워드를 사용할 수 있습니다 : 당신이 CSS를 사용

div.uk-form-row > span.twitter-typeahead { 
    position: absolute !important; 
}