2017-11-05 4 views
1

내 Wordpress 사이트 개발에 7 연락처 양식을 사용하고 버튼이 모바일 장치에 대해 다른 것으로 나타났습니다. 그래서 검색 후 나는 input.wpcf7-form-control.wpcf7-submit 요소에 적용한 -webkit-appearance: none;의 솔루션을 발견했습니다.-webkit-appearance : none; 버튼이 작동하지 않습니다

스타일을 적용한 이유는 요소를 검사 할 때 나타나기 때문에 모바일 장치에서는 아무 것도 변경되지 않았기 때문입니다.

다른 요소에 적용해야합니까?

답변

2

대신이 코드를 시도해야합니다 :

input.wpcf7-form-control.wpcf7-submit { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance:   none; 
} 

가 여전히 작동하지 않는 경우 !important를 추가하는 것이 좋습니다.

+0

안녕하세요, 답장을 보내 주셔서 감사합니다. 요소를 검사 할 때 '외관 : 없음'이라고 말합니다. 알 수없는 속성 이름입니다. 모바일에서 Chrome을 제외하고는 모바일에서 정상적으로 작동합니다. 사파리, 파이어 폭스, 오페라 미니는 괜찮습니다. –

+0

@ 루시. 이 속성은 일부 브라우저에서만 작동하므로이 경고를받는 것은 정상입니다. 각 브라우저는 특정 브라우저를 대상으로하고 다른 브라우저는 유효하지 않습니다. –

+0

@LucyS. 크롬에서도 작동해야합니다. 링크를 공유 할 수 있습니까? –